@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,31 +1,19 @@
-import { ref as m, computed as a, watch as z, onMounted as ct, onUnmounted as dt, createElementBlock as u, openBlock as l, createCommentVNode as y, unref as n, Fragment as w, renderList as te, normalizeClass as k, createBlock as v, createVNode as ne, createElementVNode as d, withCtx as oe, resolveDynamicComponent as D, toDisplayString as F, normalizeStyle as ft, nextTick as le } from "vue";
-import se from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useCommunicationChannels as pt } from "./composables/useCommunicationChannels.js";
-import { useCommunicationMenu as mt } from "./composables/useCommunicationMenu.js";
-import { useCommunicationAttributes as vt, isAttributeBlocked as ht, getAttributeStatusClass as Re, isAttributeConfirming as qe, getSubMenuChannelIndicatorType as yt, getSubMenuChannelIndicatorClass as Ct } from "./composables/useCommunicationAttributes.js";
-import { useCommunicationActions as bt } from "./composables/useCommunicationActions.js";
-import { useCommunicationSubMenu as gt } from "./composables/useCommunicationSubMenu.js";
-import { useCommunicationDialogSync as kt } from "./composables/useCommunicationDialogSync.js";
-import { useCommunicationPlaceholder as It } from "./composables/useCommunicationPlaceholder.js";
-import xe from "./CommunicationPanelAttributeIndicator.vue.js";
-import At from "./icons/CommunicationPanelCheckIcon.vue.js";
+import { createElementBlock as r, openBlock as l, createCommentVNode as c, Fragment as x, renderList as ue, normalizeClass as A, createBlock as p, createVNode as ce, createElementVNode as d, withCtx as de, resolveDynamicComponent as O, toDisplayString as H, normalizeStyle as yt, ref as h, computed as i, watch as B, onMounted as Fe, onUnmounted as Ee, nextTick as G } from "vue";
+import pt from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useCommunicationChannels as ze } from "./composables/useCommunicationChannels.js";
+import { useCommunicationMenu as Ne } from "./composables/useCommunicationMenu.js";
+import { useCommunicationAttributes as je, getSubMenuChannelIndicatorClass as Le, getSubMenuChannelIndicatorType as Ue, isAttributeBlocked as Ve, isAttributeConfirming as gt, getAttributeStatusClass as At } from "./composables/useCommunicationAttributes.js";
+import { useCommunicationActions as We } from "./composables/useCommunicationActions.js";
+import { useCommunicationSubMenu as He } from "./composables/useCommunicationSubMenu.js";
+import { useCommunicationDialogSync as Ge } from "./composables/useCommunicationDialogSync.js";
+import { useCommunicationPlaceholder as Je } from "./composables/useCommunicationPlaceholder.js";
+import It from "./CommunicationPanelAttributeIndicator.vue.js";
+import kt from "./icons/CommunicationPanelCheckIcon.vue.js";
 import Tt from "./icons/CommunicationPanelUnconfirmedIcon.vue.js";
 import Mt from "./icons/CommunicationPanelConfirmSpinner.vue.js";
 import St from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                        */
-const wt = ["data-channel-type", "onClick", "onMouseenter"], Dt = { class: "channel-icon" }, _t = { class: "channel-icon" }, Rt = {
-  key: 1,
-  class: "attributes-menu"
-}, qt = {
-  key: 0,
-  class: "empty-channels-placeholder"
-}, xt = ["data-attribute-status", "onMouseenter", "onClick"], Ot = { class: "attribute-info" }, Pt = { class: "attribute-value" }, Bt = { class: "menu-icon" }, Nt = {
-  key: 0,
-  class: "menu-icon-arrow"
-}, Et = ["data-attribute-status", "onMouseenter", "onClick"], $t = { class: "attribute-info" }, jt = { class: "attribute-value" }, zt = { class: "menu-icon" }, Ft = {
-  key: 0,
-  class: "menu-icon-arrow"
-}, Lt = ["onClick"], Ut = { class: "sub-menu-indicator-slot" }, Vt = { class: "sub-menu-title" }, Wt = {
+const _t = {
   __name: "CommunicationPanel",
   props: {
     contactAttributes: {
@@ -136,417 +124,579 @@ const wt = ["data-channel-type", "onClick", "onMouseenter"], Dt = { class: "chan
     "phone-call",
     "reset-blocked-attributes"
   ],
-  setup(h, { expose: Oe, emit: Pe }) {
-    const i = h, ae = Pe, L = m(null), Be = m(null), _ = m(null), R = m(null), T = m(null), U = m({}), V = m(null), A = m(!1), q = m(null), C = m(null), x = m(null), b = a(
-      () => i.confirmingAttributeId ?? x.value
-    ), W = a(() => i.blockedAttributeIds ?? []), M = (e) => ht(e, W.value), H = a(() => i.channels ?? []), Ne = a(() => i.channelOrder), Ee = a(() => i.visibleChannelTypes), $e = a(() => i.channelTooltips ?? {}), je = a(() => i.attributeTooltips ?? {}), ie = a(() => i.attributeIndicatorTooltips ?? {}), ue = a(() => i.recentAttributeChannels ?? {}), re = a(() => i.messages ?? []), ze = a(() => i.selectedChat ?? null), ce = a(() => i.isNewDialog ?? !1), de = a(() => {
-      var e;
-      return ((e = i.selectedDialog) == null ? void 0 : e.channelId) ?? null;
-    }), O = (e, o) => {
-      if (!o || !e)
+  setup(fe, { expose: u, emit: v }) {
+    const e = fe, q = v, F = h(null), n = h(null), s = h(null), C = h(null), M = h(null), J = h({}), E = h(null), z = h(!1), S = h(null), g = h(null), _ = h(null), w = i(
+      () => e.confirmingAttributeId ?? _.value
+    ), me = i(() => e.blockedAttributeIds ?? []), N = (t) => Ve(t, me.value), j = i(() => e.channels ?? []), he = i(() => e.channelOrder), Ce = i(() => e.visibleChannelTypes), be = i(() => e.channelTooltips ?? {}), ve = i(() => e.attributeTooltips ?? {}), Ke = i(() => e.attributeIndicatorTooltips ?? {}), K = i(() => e.recentAttributeChannels ?? {}), Q = i(() => e.messages ?? []), ye = i(() => e.selectedChat ?? null), X = i(() => e.isNewDialog ?? !1), Y = i(() => {
+      var t;
+      return ((t = e.selectedDialog) == null ? void 0 : t.channelId) ?? null;
+    }), P = (t, o) => {
+      if (!o || !t)
         return !1;
-      const t = e.id ?? e.attributeId;
-      if (!t)
+      const a = t.id ?? t.attributeId;
+      if (!a)
         return !1;
-      const s = o.includes(".") ? o.split(".").pop() : o;
-      return o === t || t === s || t.endsWith(`.${s}`);
-    }, fe = (e) => {
-      const o = je.value, t = (e == null ? void 0 : e.attributeId) ?? (e == null ? void 0 : e.id);
-      if (t != null) {
-        const s = o[String(t)];
-        if (s)
-          return s;
+      const b = o.includes(".") ? o.split(".").pop() : o;
+      return o === a || a === b || a.endsWith(`.${b}`);
+    }, pe = (t) => {
+      const o = ve.value, a = (t == null ? void 0 : t.attributeId) ?? (t == null ? void 0 : t.id);
+      if (a != null) {
+        const b = o[String(a)];
+        if (b)
+          return b;
       }
-      return e != null && e.value ? o[String(e.value)] ?? "" : "";
-    }, Fe = (e) => !!fe(e), {
-      panelChannelTypes: Le,
-      channelsTypes: pe,
-      getTooltipText: Ue,
-      getChannelTypeFromId: Ve,
-      hasMultipleChannels: S,
-      isChannelActive: P,
-      getSingleChannelForType: We,
-      getMenuChannelIconComponentForChannelId: He,
-      getSingleMenuChannelIconComponent: me,
-      getAvailableChannels: ve
-    } = pt({
-      channels: H,
-      channelTooltips: $e,
-      channelOrder: Ne,
-      visibleChannelTypes: Ee,
-      selectedChannelType: T
+      return t != null && t.value ? o[String(t.value)] ?? "" : "";
+    }, Qe = (t) => !!pe(t), {
+      panelChannelTypes: ge,
+      channelsTypes: Xe,
+      getTooltipText: Ye,
+      getChannelTypeFromId: Ze,
+      hasMultipleChannels: L,
+      isChannelActive: $e,
+      getSingleChannelForType: Ae,
+      getMenuChannelIconComponentForChannelId: et,
+      getSingleMenuChannelIconComponent: tt,
+      getAvailableChannels: Z
+    } = ze({
+      channels: j,
+      channelTooltips: be,
+      channelOrder: he,
+      visibleChannelTypes: Ce,
+      selectedChannelType: M
     }), {
-      activeChannelType: r,
-      hoveredChannel: B,
-      showMenu: g,
-      showSubMenu: G,
-      retainOpenUntilDismiss: Ge,
-      handleChannelClick: Je,
-      openMenu: Ke,
-      closeMenu: N,
-      pinMenuOpen: Qe,
-      armOutsideClickSuppression: Xe,
-      handleClickOutside: he
-    } = mt({
-      panelRef: L,
-      selectedChannelType: T,
-      frozenAttribute: R
-    }), J = a(() => {
-      var e;
-      return ((e = i.selectedDialog) == null ? void 0 : e.attributeId) ?? null;
-    }), ye = a(() => {
-      if (!g.value || !r.value)
+      activeChannelType: y,
+      hoveredChannel: nt,
+      showMenu: I,
+      showSubMenu: $,
+      retainOpenUntilDismiss: Ie,
+      handleChannelClick: ke,
+      openMenu: Te,
+      closeMenu: D,
+      pinMenuOpen: Me,
+      armOutsideClickSuppression: Se,
+      handleClickOutside: ee
+    } = Ne({
+      panelRef: F,
+      selectedChannelType: M,
+      frozenAttribute: C
+    }), U = i(() => {
+      var t;
+      return ((t = e.selectedDialog) == null ? void 0 : t.attributeId) ?? null;
+    }), te = i(() => {
+      if (!I.value || !y.value)
         return null;
-      const e = V.value;
-      return e && e.channelType === r.value ? e : null;
-    }), K = (e) => {
-      var _e;
-      const o = typeof e == "string" ? e : e == null ? void 0 : e.channelId, t = typeof e == "object" && e != null ? e.backendChannelId : void 0, s = (p, ee) => !p || !ee ? !1 : !!(p === ee || t && (p === t || ee === t)), c = ye.value;
-      if (c != null && c.channelId && s(c.channelId, o))
+      const t = E.value;
+      return t && t.channelType === y.value ? t : null;
+    }), ne = (t) => {
+      var qe;
+      const o = typeof t == "string" ? t : t == null ? void 0 : t.channelId, a = typeof t == "object" && t != null ? t.backendChannelId : void 0, b = (m, re) => !m || !re ? !1 : !!(m === re || a && (m === a || re === a)), k = te.value;
+      if (k != null && k.channelId && b(k.channelId, o))
         return !0;
-      const f = r.value, I = Q.value;
-      if (g.value && f && I) {
-        const p = (_e = ue.value) == null ? void 0 : _e[f];
-        if (p != null && p.channelId && (p != null && p.attributeId) && O(I, p.attributeId) && s(p.channelId, o))
+      const f = y.value, T = V.value;
+      if (I.value && f && T) {
+        const m = (qe = K.value) == null ? void 0 : qe[f];
+        if (m != null && m.channelId && (m != null && m.attributeId) && P(T, m.attributeId) && b(m.channelId, o))
           return !0;
       }
-      return g.value && f && I && J.value && O(I, J.value) && s(de.value, o) ? !0 : s(de.value, o);
-    }, E = (e) => {
-      const o = ye.value;
-      return o != null && o.attributeId ? O(e, o.attributeId) : O(e, J.value);
-    }, Q = a(() => _.value ?? R.value ?? null), Ce = (e) => {
-      const o = e == null ? void 0 : e.backendChannelId;
+      return I.value && f && T && U.value && P(T, U.value) && b(Y.value, o) ? !0 : b(Y.value, o);
+    }, ot = (t) => {
+      const o = te.value;
+      return o != null && o.attributeId ? P(t, o.attributeId) : P(t, U.value);
+    }, V = i(() => s.value ?? C.value ?? null), oe = (t) => {
+      const o = t == null ? void 0 : t.backendChannelId;
       return o ? [o] : [];
-    }, X = (e) => yt(
-      Q.value,
-      e.channelId,
-      K(e),
-      b.value,
-      Ce(e)
-    ), Ye = (e) => Ct(
-      Q.value,
-      e.channelId,
-      K(e),
-      b.value,
-      Ce(e)
-    ) ?? "", Y = a(() => i.contactAttributes ?? []), be = (e) => {
-      var c;
-      if (!e || !re.value) return !0;
-      const o = (c = ze.value) == null ? void 0 : c.chatId;
-      return o ? !re.value.filter(
+    }, lt = (t) => Ue(
+      V.value,
+      t.channelId,
+      ne(t),
+      w.value,
+      oe(t)
+    ), it = (t) => Le(
+      V.value,
+      t.channelId,
+      ne(t),
+      w.value,
+      oe(t)
+    ) ?? "", W = i(() => e.contactAttributes ?? []), le = (t) => {
+      var k;
+      if (!t || !Q.value) return !0;
+      const o = (k = ye.value) == null ? void 0 : k.chatId;
+      return o ? !Q.value.filter(
         (f) => {
-          var I;
-          return f.chatId === o && f.dialogId === ((I = i.selectedDialog) == null ? void 0 : I.dialogId);
+          var T;
+          return f.chatId === o && f.dialogId === ((T = e.selectedDialog) == null ? void 0 : T.dialogId);
         }
       ).some(
         (f) => f.type !== "message.system" && f.type !== "message.delimiter" && f.type !== "system" && f.type !== "system_message" && f.type !== "notification"
       ) : !0;
-    }, ge = () => {
-      $(), A.value = !0, le(() => {
-        const e = Array.isArray(C.value) ? C.value[0] : C.value;
-        e && typeof e.startAutoShow == "function" ? e.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
-      }), q.value = setTimeout(() => {
-        A.value = !1;
+    }, ie = () => {
+      R(), z.value = !0, G(() => {
+        const t = Array.isArray(g.value) ? g.value[0] : g.value;
+        t && typeof t.startAutoShow == "function" ? t.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
+      }), S.value = setTimeout(() => {
+        z.value = !1;
       }, 5e3);
-    }, $ = () => {
-      if (q.value && (clearTimeout(q.value), q.value = null), C.value) {
-        const e = Array.isArray(C.value) ? C.value[0] : C.value;
-        e && typeof e.clearAutoTimer == "function" && e.clearAutoTimer();
+    }, R = () => {
+      if (S.value && (clearTimeout(S.value), S.value = null), g.value) {
+        const t = Array.isArray(g.value) ? g.value[0] : g.value;
+        t && typeof t.clearAutoTimer == "function" && t.clearAutoTimer();
       }
-      A.value = !1;
+      z.value = !1;
     }, {
-      organizedContactAttributes: Z,
-      organizeContactAttributes: Ze,
-      isAttributeFrozen: ke
-    } = vt({
-      contactAttributes: Y,
-      panelChannelTypes: Le,
-      frozenAttribute: R
+      organizedContactAttributes: ae,
+      organizeContactAttributes: _e,
+      isAttributeFrozen: at
+    } = je({
+      contactAttributes: W,
+      panelChannelTypes: ge,
+      frozenAttribute: C
     }), {
-      handleAttributeClick: et,
-      selectChannel: tt,
-      availableChannels: nt,
-      applyRecentChannelButtonSelection: ot,
-      clearPanelPendingSelection: Ie
-    } = bt({
-      activeChannelType: r,
-      channels: H,
-      selectedChannel: U,
-      selectedChannelType: T,
-      hoveredAttribute: _,
-      confirmingAttributeId: x,
-      isAttributeBlocked: M,
-      closeMenu: N,
-      pinMenuOpen: Qe,
-      hasMultipleChannels: S,
-      getSingleChannelForType: We,
-      getAvailableChannels: ve,
-      isChannelEmpty: be,
-      isNewDialog: ce,
-      showDefaultChannelTooltipWithTimer: ge,
-      clearDefaultChannelTooltip: $,
-      emit: ae,
-      panelPendingSelection: V
+      handleAttributeClick: we,
+      selectChannel: st,
+      availableChannels: Pe,
+      applyRecentChannelButtonSelection: De,
+      clearPanelPendingSelection: se
+    } = We({
+      activeChannelType: y,
+      channels: j,
+      selectedChannel: J,
+      selectedChannelType: M,
+      hoveredAttribute: s,
+      confirmingAttributeId: _,
+      isAttributeBlocked: N,
+      closeMenu: D,
+      pinMenuOpen: Me,
+      hasMultipleChannels: L,
+      getSingleChannelForType: Ae,
+      getAvailableChannels: Z,
+      isChannelEmpty: le,
+      isNewDialog: X,
+      showDefaultChannelTooltipWithTimer: ie,
+      clearDefaultChannelTooltip: R,
+      emit: q,
+      panelPendingSelection: E
     }), {
-      subMenuTop: lt,
-      handleAttributeMouseEnter: st,
-      handleAttributeMouseLeave: j,
-      keepSubMenuOpen: Ae,
-      closeSubMenu: Te,
-      alignSubMenuWithTarget: at
-    } = gt({
-      activeChannelType: r,
-      showSubMenu: G,
-      frozenAttribute: R,
-      hoveredAttribute: _,
-      confirmingAttributeId: b,
-      retainOpenUntilDismiss: Ge,
-      hasMultipleChannels: S,
-      isAttributeBlocked: M
-    }), it = async (e) => {
-      if (g.value && r.value === e) {
-        N();
+      subMenuTop: rt,
+      handleAttributeMouseEnter: Re,
+      handleAttributeMouseLeave: ut,
+      keepSubMenuOpen: ct,
+      closeSubMenu: dt,
+      alignSubMenuWithTarget: xe
+    } = He({
+      activeChannelType: y,
+      showSubMenu: $,
+      frozenAttribute: C,
+      hoveredAttribute: s,
+      confirmingAttributeId: w,
+      retainOpenUntilDismiss: Ie,
+      hasMultipleChannels: L,
+      isAttributeBlocked: N
+    }), ft = async (t) => {
+      if (I.value && y.value === t) {
+        D();
         return;
       }
-      ae("reset-blocked-attributes");
-      const t = T.value !== e;
-      Je(e), t ? (ot(
-        e,
-        ue.value,
-        Z.value
-      ), await le(), Ke(e)) : V.value = null;
+      q("reset-blocked-attributes");
+      const a = M.value !== t;
+      ke(t), a ? (De(
+        t,
+        K.value,
+        ae.value
+      ), await G(), Te(t)) : E.value = null;
     };
-    z(g, (e) => {
-      e || Ie();
+    B(I, (t) => {
+      t || se();
     });
-    const Me = (e) => {
-      M(e) || et(e);
+    const mt = (t) => {
+      N(t) || we(t);
     };
-    kt({
-      selectedChannelType: T,
-      selectedChannel: U,
-      channels: H,
-      selectedDialog: a(() => i.selectedDialog ?? null),
-      isChannelEmpty: be,
-      isNewDialog: ce,
-      showDefaultChannelTooltipWithTimer: ge,
-      clearDefaultChannelTooltip: $
+    Ge({
+      selectedChannelType: M,
+      selectedChannel: J,
+      channels: j,
+      selectedDialog: i(() => e.selectedDialog ?? null),
+      isChannelEmpty: le,
+      isNewDialog: X,
+      showDefaultChannelTooltipWithTimer: ie,
+      clearDefaultChannelTooltip: R
     });
     const {
-      emptyChannelsPlaceholderText: ut,
-      shouldShowEmptyChannelsPlaceholder: Se
-    } = It({
-      showMenu: g,
-      activeChannelType: r,
-      emptyChannelsPlaceholder: a(() => i.emptyChannelsPlaceholder ?? {}),
-      getAvailableChannels: ve,
-      organizedContactAttributes: Z
-    }), we = a(
-      () => nt()
-    ), rt = a(
-      () => G.value && _.value && we.value.length > 0 && r.value !== "phone" && S(r.value)
-    ), De = async (e, o) => {
-      const t = st(e, o.currentTarget);
-      await le(), t instanceof HTMLElement && at(L, t);
+      emptyChannelsPlaceholderText: ht,
+      shouldShowEmptyChannelsPlaceholder: Ct
+    } = Je({
+      showMenu: I,
+      activeChannelType: y,
+      emptyChannelsPlaceholder: i(() => e.emptyChannelsPlaceholder ?? {}),
+      getAvailableChannels: Z,
+      organizedContactAttributes: ae
+    }), Oe = i(
+      () => Pe()
+    ), bt = i(
+      () => $.value && s.value && Oe.value.length > 0 && y.value !== "phone" && L(y.value)
+    ), vt = async (t, o) => {
+      const a = Re(t, o.currentTarget);
+      await G(), a instanceof HTMLElement && xe(F, a);
     };
-    return z(() => i.confirmingAttributeId, (e, o) => {
-      e || (x.value = null, o && Xe());
-    }), z(Y, () => {
-      const e = b.value;
-      if (!e)
+    B(() => e.confirmingAttributeId, (t, o) => {
+      t || (_.value = null, o && Se());
+    }), B(W, () => {
+      const t = w.value;
+      if (!t)
         return;
-      const o = Y.value.find((t) => t.id === e);
-      (o == null ? void 0 : o.status) === "confirmed" && (x.value = null, N());
-    }, { deep: !0 }), z(() => i.selectedDialog, () => {
-      Ie();
-    }, { deep: !0 }), ct(() => {
-      document.addEventListener("click", he), Ze();
-    }), dt(() => {
-      document.removeEventListener("click", he), $();
-    }), Oe({
+      const o = W.value.find((a) => a.id === t);
+      (o == null ? void 0 : o.status) === "confirmed" && (_.value = null, D());
+    }, { deep: !0 }), B(() => e.selectedDialog, () => {
+      se();
+    }, { deep: !0 }), Fe(() => {
+      document.addEventListener("click", ee), _e();
+    }), Ee(() => {
+      document.removeEventListener("click", ee), R();
+    }), u({
       /** Снять pin и закрыть оба меню (вызывать с host при ОК на splash). */
-      closeMenu: N
-    }), (e, o) => (l(), u("div", {
-      ref_key: "panelRef",
-      ref: L,
-      class: "communication-panel"
-    }, [
-      n(pe).length ? (l(), u("div", {
-        key: 0,
-        ref_key: "channelsPanelRef",
-        ref: Be,
-        class: "channels-panel"
-      }, [
-        (l(!0), u(w, null, te(n(pe), (t) => {
-          var s;
-          return l(), u("button", {
-            key: t.type,
-            "data-channel-type": t.type,
-            class: k(["channel-btn", {
-              active: n(P)(t.type),
-              hover: n(B) === t.type && !n(P)(t.type) || n(B) === t.type && n(P)(t.type),
-              menuOpen: n(g) && n(r) === t.type
-            }]),
-            onClick: (c) => it(t.type),
-            onMouseenter: (c) => B.value = t.type,
-            onMouseleave: o[0] || (o[0] = (c) => B.value = null)
-          }, [
-            n(P)(t.type) ? (l(), u(w, { key: 0 }, [
-              ne(se, {
-                ref_for: !0,
-                ref: (c) => {
-                  c && (C.value = c);
-                },
-                text: A.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (s = U.value) == null ? void 0 : s.title,
+      closeMenu: D
+    });
+    const Be = { props: e, emit: q, panelRef: F, channelsPanelRef: n, hoveredAttribute: s, frozenAttribute: C, selectedChannelType: M, selectedChannel: J, panelPendingSelection: E, showDefaultChannelTooltip: z, defaultChannelTooltipTimer: S, channelTooltipRef: g, internalConfirmingAttributeId: _, effectiveConfirmingAttributeId: w, blockedAttributeIdsRef: me, isAttributeBlocked: N, channelsRef: j, channelOrderRef: he, visibleChannelTypesRef: Ce, channelTooltipsRef: be, attributeTooltipsRef: ve, attributeIndicatorTooltipsRef: Ke, recentAttributeChannelsRef: K, messagesRef: Q, selectedChatRef: ye, isNewDialogRef: X, currentChannelId: Y, attributeIdMatches: P, getAttributeTooltipText: pe, hasAttributeTooltip: Qe, panelChannelTypes: ge, channelsTypes: Xe, getTooltipText: Ye, getChannelTypeFromId: Ze, hasMultipleChannels: L, isChannelActive: $e, getSingleChannelForType: Ae, getMenuChannelIconComponentForChannelId: et, getSingleMenuChannelIconComponent: tt, getAvailableChannels: Z, activeChannelType: y, hoveredChannel: nt, showMenu: I, showSubMenu: $, retainOpenUntilDismiss: Ie, handleChannelClick: ke, openMenu: Te, closeMenu: D, pinMenuOpen: Me, armOutsideClickSuppression: Se, handleClickOutside: ee, selectedAttributeId: U, effectivePanelSelection: te, isChannelSelected: ne, isAttributeSelected: ot, subMenuAttribute: V, getChannelIndicatorAliases: oe, getSubMenuChannelIndicatorTypeForChannel: lt, getSubMenuChannelIndicatorClassForChannel: it, contactAttributesRef: W, isChannelEmpty: le, showDefaultChannelTooltipWithTimer: ie, clearDefaultChannelTooltip: R, organizedContactAttributes: ae, organizeContactAttributes: _e, isAttributeFrozen: at, handleAttributeClick: we, selectChannel: st, resolveAvailableChannels: Pe, applyRecentChannelButtonSelection: De, clearPanelPendingSelection: se, subMenuTop: rt, baseHandleAttributeMouseEnter: Re, handleAttributeMouseLeave: ut, keepSubMenuOpen: ct, closeSubMenu: dt, alignSubMenuWithTarget: xe, onChannelButtonClick: ft, onAttributeClick: mt, emptyChannelsPlaceholderText: ht, shouldShowEmptyChannelsPlaceholder: Ct, availableChannels: Oe, shouldShowSubMenu: bt, onAttributeMouseEnter: vt, ref: h, watch: B, onMounted: Fe, onUnmounted: Ee, computed: i, nextTick: G, Tooltip: pt, get useCommunicationChannels() {
+      return ze;
+    }, get useCommunicationMenu() {
+      return Ne;
+    }, get useCommunicationAttributes() {
+      return je;
+    }, get getAttributeStatusClass() {
+      return At;
+    }, get isAttributeConfirming() {
+      return gt;
+    }, get checkAttributeBlocked() {
+      return Ve;
+    }, get getSubMenuChannelIndicatorType() {
+      return Ue;
+    }, get getSubMenuChannelIndicatorClass() {
+      return Le;
+    }, get useCommunicationActions() {
+      return We;
+    }, get useCommunicationSubMenu() {
+      return He;
+    }, get useCommunicationDialogSync() {
+      return Ge;
+    }, get useCommunicationPlaceholder() {
+      return Je;
+    }, CommunicationPanelAttributeIndicator: It, get CommunicationPanelCheckIcon() {
+      return kt;
+    }, get CommunicationPanelConfirmSpinner() {
+      return Mt;
+    }, get CommunicationPanelUnconfirmedIcon() {
+      return Tt;
+    } };
+    return Object.defineProperty(Be, "__isScriptSetup", { enumerable: !1, value: !0 }), Be;
+  }
+}, wt = {
+  ref: "panelRef",
+  class: "communication-panel"
+}, Pt = {
+  key: 0,
+  ref: "channelsPanelRef",
+  class: "channels-panel"
+}, Dt = ["data-channel-type", "onClick", "onMouseenter"], Rt = { class: "channel-icon" }, xt = { class: "channel-icon" }, Ot = {
+  key: 1,
+  class: "attributes-menu"
+}, Bt = {
+  key: 0,
+  class: "empty-channels-placeholder"
+}, qt = ["data-attribute-status", "onMouseenter", "onClick"], Ft = { class: "attribute-info" }, Et = { class: "attribute-value" }, zt = { class: "menu-icon" }, Nt = {
+  key: 0,
+  class: "menu-icon-arrow"
+}, jt = ["data-attribute-status", "onMouseenter", "onClick"], Lt = { class: "attribute-info" }, Ut = { class: "attribute-value" }, Vt = { class: "menu-icon" }, Wt = {
+  key: 0,
+  class: "menu-icon-arrow"
+}, Ht = ["onClick"], Gt = { class: "sub-menu-indicator-slot" }, Jt = { class: "sub-menu-title" };
+function Kt(fe, u, v, e, q, F) {
+  return l(), r(
+    "div",
+    wt,
+    [
+      c(" Панель с кнопками каналов "),
+      e.channelsTypes.length ? (l(), r(
+        "div",
+        Pt,
+        [
+          (l(!0), r(
+            x,
+            null,
+            ue(e.channelsTypes, (n) => {
+              var s;
+              return l(), r("button", {
+                key: n.type,
+                "data-channel-type": n.type,
+                class: A(["channel-btn", {
+                  active: e.isChannelActive(n.type),
+                  hover: e.hoveredChannel === n.type && !e.isChannelActive(n.type) || e.hoveredChannel === n.type && e.isChannelActive(n.type),
+                  menuOpen: e.showMenu && e.activeChannelType === n.type
+                }]),
+                onClick: (C) => e.onChannelButtonClick(n.type),
+                onMouseenter: (C) => e.hoveredChannel = n.type,
+                onMouseleave: u[0] || (u[0] = (C) => e.hoveredChannel = null)
+              }, [
+                e.isChannelActive(n.type) ? (l(), r(
+                  x,
+                  { key: 0 },
+                  [
+                    ce(e.Tooltip, {
+                      ref_for: !0,
+                      ref: (C) => {
+                        C && (e.channelTooltipRef = C);
+                      },
+                      text: e.showDefaultChannelTooltip ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (s = e.selectedChannel) == null ? void 0 : s.title,
+                      position: "bottom-left",
+                      offset: 8,
+                      delay: v.tooltipDelay,
+                      "hide-on-click": "",
+                      trigger: e.showDefaultChannelTooltip ? "auto" : "hover",
+                      "auto-show-duration": e.showDefaultChannelTooltip ? 5e3 : 0
+                    }, {
+                      default: de(() => [
+                        d("span", Rt, [
+                          (l(), p(O(n.component)))
+                        ])
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["text", "delay", "trigger", "auto-show-duration"]),
+                    u[5] || (u[5] = d(
+                      "span",
+                      { class: "active-indicator" },
+                      null,
+                      -1
+                      /* CACHED */
+                    ))
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                )) : (l(), p(e.Tooltip, {
+                  key: 1,
+                  text: e.getTooltipText(n.type),
+                  position: "bottom-left",
+                  offset: 8,
+                  delay: v.tooltipDelay,
+                  "hide-on-click": ""
+                }, {
+                  default: de(() => [
+                    d("span", xt, [
+                      (l(), p(O(n.component)))
+                    ])
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["text", "delay"]))
+              ], 42, Dt);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ],
+        512
+        /* NEED_PATCH */
+      )) : c("v-if", !0),
+      c(" Меню контактов "),
+      e.showMenu && e.activeChannelType ? (l(), r("div", Ot, [
+        c(" Placeholder когда нет каналов "),
+        e.shouldShowEmptyChannelsPlaceholder ? (l(), r(
+          "div",
+          Bt,
+          H(e.emptyChannelsPlaceholderText),
+          1
+          /* TEXT */
+        )) : c("v-if", !0),
+        c(" Все контакты (показываем только если есть каналы или атрибуты) "),
+        e.shouldShowEmptyChannelsPlaceholder ? c("v-if", !0) : (l(!0), r(
+          x,
+          { key: 1 },
+          ue(e.organizedContactAttributes[e.activeChannelType], (n) => (l(), r(
+            x,
+            {
+              key: n.attributeId
+            },
+            [
+              e.hasAttributeTooltip(n) ? (l(), p(e.Tooltip, {
+                key: 0,
+                text: e.getAttributeTooltipText(n),
                 position: "bottom-left",
                 offset: 8,
-                delay: h.tooltipDelay,
-                "hide-on-click": "",
-                trigger: A.value ? "auto" : "hover",
-                "auto-show-duration": A.value ? 5e3 : 0
+                delay: v.tooltipDelay,
+                "hide-on-click": ""
               }, {
-                default: oe(() => [
-                  d("span", Dt, [
-                    (l(), v(D(t.component)))
-                  ])
+                default: de(() => [
+                  d("div", {
+                    class: A(["attribute-item", e.getAttributeStatusClass(n), {
+                      "frozen-hover": e.isAttributeFrozen(n),
+                      selected: e.isAttributeSelected(n),
+                      confirming: e.isAttributeConfirming(n, e.effectiveConfirmingAttributeId),
+                      blocked: e.isAttributeBlocked(n)
+                    }]),
+                    "data-attribute-status": n.status,
+                    onMouseenter: (s) => e.onAttributeMouseEnter(n, s),
+                    onMouseleave: u[1] || (u[1] = (...s) => e.handleAttributeMouseLeave && e.handleAttributeMouseLeave(...s)),
+                    onClick: (s) => e.onAttributeClick(n)
+                  }, [
+                    d("div", Ft, [
+                      ce(e.CommunicationPanelAttributeIndicator, {
+                        attribute: n,
+                        "is-selected": e.isAttributeSelected(n),
+                        "confirming-attribute-id": e.effectiveConfirmingAttributeId,
+                        "blocked-attribute-ids": e.blockedAttributeIdsRef,
+                        "indicator-tooltips": e.attributeIndicatorTooltipsRef,
+                        "tooltip-delay": v.tooltipDelay
+                      }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips", "tooltip-delay"]),
+                      d(
+                        "span",
+                        Et,
+                        H(n.value),
+                        1
+                        /* TEXT */
+                      )
+                    ]),
+                    d("span", zt, [
+                      e.hasMultipleChannels(e.activeChannelType) ? (l(), r("span", Nt)) : v.showChannelIcons ? (l(), r(
+                        "span",
+                        {
+                          key: 1,
+                          class: A(["channel-icon-small", { "menu-icon-grey": e.activeChannelType !== "sms" }])
+                        },
+                        [
+                          (l(), p(O(e.getSingleMenuChannelIconComponent(e.activeChannelType))))
+                        ],
+                        2
+                        /* CLASS */
+                      )) : c("v-if", !0)
+                    ])
+                  ], 42, qt)
                 ]),
                 _: 2
-              }, 1032, ["text", "delay", "trigger", "auto-show-duration"]),
-              o[5] || (o[5] = d("span", { class: "active-indicator" }, null, -1))
-            ], 64)) : (l(), v(se, {
-              key: 1,
-              text: n(Ue)(t.type),
-              position: "bottom-left",
-              offset: 8,
-              delay: h.tooltipDelay,
-              "hide-on-click": ""
-            }, {
-              default: oe(() => [
-                d("span", _t, [
-                  (l(), v(D(t.component)))
-                ])
-              ]),
-              _: 2
-            }, 1032, ["text", "delay"]))
-          ], 42, wt);
-        }), 128))
-      ], 512)) : y("", !0),
-      n(g) && n(r) ? (l(), u("div", Rt, [
-        n(Se) ? (l(), u("div", qt, F(n(ut)), 1)) : y("", !0),
-        n(Se) ? y("", !0) : (l(!0), u(w, { key: 1 }, te(n(Z)[n(r)], (t) => (l(), u(w, {
-          key: t.attributeId
-        }, [
-          Fe(t) ? (l(), v(se, {
-            key: 0,
-            text: fe(t),
-            position: "bottom-left",
-            offset: 8,
-            delay: h.tooltipDelay,
-            "hide-on-click": ""
-          }, {
-            default: oe(() => [
-              d("div", {
-                class: k(["attribute-item", n(Re)(t), {
-                  "frozen-hover": n(ke)(t),
-                  selected: E(t),
-                  confirming: n(qe)(t, b.value),
-                  blocked: M(t)
+                /* DYNAMIC */
+              }, 1032, ["text", "delay"])) : (l(), r("div", {
+                key: 1,
+                class: A(["attribute-item", e.getAttributeStatusClass(n), {
+                  "frozen-hover": e.isAttributeFrozen(n),
+                  selected: e.isAttributeSelected(n),
+                  confirming: e.isAttributeConfirming(n, e.effectiveConfirmingAttributeId),
+                  blocked: e.isAttributeBlocked(n)
                 }]),
-                "data-attribute-status": t.status,
-                onMouseenter: (s) => De(t, s),
-                onMouseleave: o[1] || (o[1] = (...s) => n(j) && n(j)(...s)),
-                onClick: (s) => Me(t)
+                "data-attribute-status": n.status,
+                onMouseenter: (s) => e.onAttributeMouseEnter(n, s),
+                onMouseleave: u[2] || (u[2] = (...s) => e.handleAttributeMouseLeave && e.handleAttributeMouseLeave(...s)),
+                onClick: (s) => e.onAttributeClick(n)
               }, [
-                d("div", Ot, [
-                  ne(xe, {
-                    attribute: t,
-                    "is-selected": E(t),
-                    "confirming-attribute-id": b.value,
-                    "blocked-attribute-ids": W.value,
-                    "indicator-tooltips": ie.value,
-                    "tooltip-delay": h.tooltipDelay
+                d("div", Lt, [
+                  ce(e.CommunicationPanelAttributeIndicator, {
+                    attribute: n,
+                    "is-selected": e.isAttributeSelected(n),
+                    "confirming-attribute-id": e.effectiveConfirmingAttributeId,
+                    "blocked-attribute-ids": e.blockedAttributeIdsRef,
+                    "indicator-tooltips": e.attributeIndicatorTooltipsRef,
+                    "tooltip-delay": v.tooltipDelay
                   }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips", "tooltip-delay"]),
-                  d("span", Pt, F(t.value), 1)
+                  d(
+                    "span",
+                    Ut,
+                    H(n.value),
+                    1
+                    /* TEXT */
+                  )
                 ]),
-                d("span", Bt, [
-                  n(S)(n(r)) ? (l(), u("span", Nt)) : h.showChannelIcons ? (l(), u("span", {
-                    key: 1,
-                    class: k(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
-                  }, [
-                    (l(), v(D(n(me)(n(r)))))
-                  ], 2)) : y("", !0)
+                d("span", Vt, [
+                  e.hasMultipleChannels(e.activeChannelType) ? (l(), r("span", Wt)) : v.showChannelIcons ? (l(), r(
+                    "span",
+                    {
+                      key: 1,
+                      class: A(["channel-icon-small", { "menu-icon-grey": e.activeChannelType !== "sms" }])
+                    },
+                    [
+                      (l(), p(O(e.getSingleMenuChannelIconComponent(e.activeChannelType))))
+                    ],
+                    2
+                    /* CLASS */
+                  )) : c("v-if", !0)
                 ])
-              ], 42, xt)
-            ]),
-            _: 2
-          }, 1032, ["text", "delay"])) : (l(), u("div", {
-            key: 1,
-            class: k(["attribute-item", n(Re)(t), {
-              "frozen-hover": n(ke)(t),
-              selected: E(t),
-              confirming: n(qe)(t, b.value),
-              blocked: M(t)
-            }]),
-            "data-attribute-status": t.status,
-            onMouseenter: (s) => De(t, s),
-            onMouseleave: o[2] || (o[2] = (...s) => n(j) && n(j)(...s)),
-            onClick: (s) => Me(t)
-          }, [
-            d("div", $t, [
-              ne(xe, {
-                attribute: t,
-                "is-selected": E(t),
-                "confirming-attribute-id": b.value,
-                "blocked-attribute-ids": W.value,
-                "indicator-tooltips": ie.value,
-                "tooltip-delay": h.tooltipDelay
-              }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips", "tooltip-delay"]),
-              d("span", jt, F(t.value), 1)
-            ]),
-            d("span", zt, [
-              n(S)(n(r)) ? (l(), u("span", Ft)) : h.showChannelIcons ? (l(), u("span", {
-                key: 1,
-                class: k(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
+              ], 42, jt))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))),
+          128
+          /* KEYED_FRAGMENT */
+        )),
+        c(" Второй уровень меню "),
+        e.showSubMenu && e.shouldShowSubMenu ? (l(), r(
+          "div",
+          {
+            key: 2,
+            class: "sub-menu left",
+            style: yt({ top: e.subMenuTop + "px" }),
+            onMouseenter: u[3] || (u[3] = (...n) => e.keepSubMenuOpen && e.keepSubMenuOpen(...n)),
+            onMouseleave: u[4] || (u[4] = (...n) => e.closeSubMenu && e.closeSubMenu(...n))
+          },
+          [
+            u[6] || (u[6] = d(
+              "div",
+              { class: "sub-menu-header" },
+              " Канал связи ",
+              -1
+              /* CACHED */
+            )),
+            (l(!0), r(
+              x,
+              null,
+              ue(e.availableChannels, (n) => (l(), r("div", {
+                key: n.channelId,
+                class: A(["sub-menu-item", { selected: e.isChannelSelected(n) }]),
+                onClick: (s) => e.selectChannel(n.channelId)
               }, [
-                (l(), v(D(n(me)(n(r)))))
-              ], 2)) : y("", !0)
-            ])
-          ], 42, Et))
-        ], 64))), 128)),
-        n(G) && rt.value ? (l(), u("div", {
-          key: 2,
-          class: "sub-menu left",
-          style: ft({ top: n(lt) + "px" }),
-          onMouseenter: o[3] || (o[3] = (...t) => n(Ae) && n(Ae)(...t)),
-          onMouseleave: o[4] || (o[4] = (...t) => n(Te) && n(Te)(...t))
-        }, [
-          o[6] || (o[6] = d("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
-          (l(!0), u(w, null, te(we.value, (t) => (l(), u("div", {
-            key: t.channelId,
-            class: k(["sub-menu-item", { selected: K(t) }]),
-            onClick: (s) => n(tt)(t.channelId)
-          }, [
-            d("span", Ut, [
-              X(t) ? (l(), u("span", {
-                key: 0,
-                class: k(Ye(t))
-              }, [
-                X(t) === "spinner" ? (l(), v(n(Mt), { key: 0 })) : X(t) === "unconfirmed" ? (l(), v(n(Tt), { key: 1 })) : (l(), v(n(At), { key: 2 }))
-              ], 2)) : y("", !0)
-            ]),
-            d("span", Vt, F(t.title || t.channelId), 1),
-            h.showChannelIcons ? (l(), u("span", {
-              key: 0,
-              class: k(["sub-menu-icon", { "menu-icon-grey": n(Ve)(t.channelId) !== "sms" }])
-            }, [
-              (l(), v(D(n(He)(t.channelId))))
-            ], 2)) : y("", !0)
-          ], 10, Lt))), 128))
-        ], 36)) : y("", !0)
-      ])) : y("", !0)
-    ], 512));
-  }
-}, un = /* @__PURE__ */ St(Wt, [["__scopeId", "data-v-bcd57170"]]);
+                d("span", Gt, [
+                  e.getSubMenuChannelIndicatorTypeForChannel(n) ? (l(), r(
+                    "span",
+                    {
+                      key: 0,
+                      class: A(e.getSubMenuChannelIndicatorClassForChannel(n))
+                    },
+                    [
+                      e.getSubMenuChannelIndicatorTypeForChannel(n) === "spinner" ? (l(), p(e.CommunicationPanelConfirmSpinner, { key: 0 })) : e.getSubMenuChannelIndicatorTypeForChannel(n) === "unconfirmed" ? (l(), p(e.CommunicationPanelUnconfirmedIcon, { key: 1 })) : (l(), p(e.CommunicationPanelCheckIcon, { key: 2 }))
+                    ],
+                    2
+                    /* CLASS */
+                  )) : c("v-if", !0)
+                ]),
+                d(
+                  "span",
+                  Jt,
+                  H(n.title || n.channelId),
+                  1
+                  /* TEXT */
+                ),
+                v.showChannelIcons ? (l(), r(
+                  "span",
+                  {
+                    key: 0,
+                    class: A(["sub-menu-icon", { "menu-icon-grey": e.getChannelTypeFromId(n.channelId) !== "sms" }])
+                  },
+                  [
+                    (l(), p(O(e.getMenuChannelIconComponentForChannelId(n.channelId))))
+                  ],
+                  2
+                  /* CLASS */
+                )) : c("v-if", !0)
+              ], 10, Ht))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          36
+          /* STYLE, NEED_HYDRATION */
+        )) : c("v-if", !0)
+      ])) : c("v-if", !0)
+    ],
+    512
+    /* NEED_PATCH */
+  );
+}
+const dn = /* @__PURE__ */ St(_t, [["render", Kt], ["__scopeId", "data-v-153e29a4"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/2_blocks/CommunicationPanel/CommunicationPanel.vue"]]);
 export {
-  un as default
+  dn as default
 };