@mobilon-dev/chotto 0.3.49 → 0.3.50

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

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

package/dist/components/2_blocks/CommunicationPanel/composables/useCommunicationPlaceholder.js

@@ -0,0 +1,31 @@
+import { computed as n, unref as l } from "vue";
+function x({
+  showMenu: c,
+  activeChannelType: e,
+  emptyChannelsPlaceholder: h,
+  getAvailableChannels: f,
+  getChannelTypeFromId: i,
+  channels: d,
+  recentAttributeChannels: v,
+  organizedContactAttributes: m,
+  showRecentAttribute: p
+}) {
+  const r = n(() => l(h) ?? {}), C = n(() => l(d) ?? []), b = n(() => l(v) ?? {}), a = n(() => !e.value || !r.value ? null : r.value[e.value] || null), I = n(() => {
+    var o;
+    if (!c.value || !e.value || !a.value)
+      return !1;
+    const y = f(e.value).length === 0, u = m.value[e.value], A = !u || u.length === 0, F = !p.value;
+    if (y) {
+      const t = (o = b.value[e.value]) == null ? void 0 : o.channelId;
+      return !(t && C.value.find((s) => s.channelId === t) && i(t) === e.value);
+    }
+    return !!(A && F);
+  });
+  return {
+    emptyChannelsPlaceholderText: a,
+    shouldShowEmptyChannelsPlaceholder: I
+  };
+}
+export {
+  x as useCommunicationPlaceholder
+};