@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,19 +1,31 @@
-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 { 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 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 _t = {
+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 = {
   __name: "CommunicationPanel",
   props: {
     contactAttributes: {
@@ -124,579 +136,417 @@ const _t = {
     "phone-call",
     "reset-blocked-attributes"
   ],
-  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)
+  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)
         return !1;
-      const a = t.id ?? t.attributeId;
-      if (!a)
+      const t = e.id ?? e.attributeId;
+      if (!t)
         return !1;
-      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;
+      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;
       }
-      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
+      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
     }), {
-      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)
+      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)
         return null;
-      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))
+      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))
         return !0;
-      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))
+      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))
           return !0;
       }
-      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 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 o ? [o] : [];
-    }, 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(
+    }, 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(
         (f) => {
-          var T;
-          return f.chatId === o && f.dialogId === ((T = e.selectedDialog) == null ? void 0 : T.dialogId);
+          var I;
+          return f.chatId === o && f.dialogId === ((I = i.selectedDialog) == null ? void 0 : I.dialogId);
         }
       ).some(
         (f) => f.type !== "message.system" && f.type !== "message.delimiter" && f.type !== "system" && f.type !== "system_message" && f.type !== "notification"
       ) : !0;
-    }, 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;
+    }, 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;
       }, 5e3);
-    }, 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();
+    }, $ = () => {
+      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();
       }
-      z.value = !1;
+      A.value = !1;
     }, {
-      organizedContactAttributes: ae,
-      organizeContactAttributes: _e,
-      isAttributeFrozen: at
-    } = je({
-      contactAttributes: W,
-      panelChannelTypes: ge,
-      frozenAttribute: C
+      organizedContactAttributes: Z,
+      organizeContactAttributes: Ze,
+      isAttributeFrozen: ke
+    } = vt({
+      contactAttributes: Y,
+      panelChannelTypes: Le,
+      frozenAttribute: R
     }), {
-      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
+      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
     }), {
-      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();
+      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();
         return;
       }
-      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;
+      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;
     };
-    B(I, (t) => {
-      t || se();
+    z(g, (e) => {
+      e || Ie();
     });
-    const mt = (t) => {
-      N(t) || we(t);
+    const Me = (e) => {
+      M(e) || et(e);
     };
-    Ge({
-      selectedChannelType: M,
-      selectedChannel: J,
-      channels: j,
-      selectedDialog: i(() => e.selectedDialog ?? null),
-      isChannelEmpty: le,
-      isNewDialog: X,
-      showDefaultChannelTooltipWithTimer: ie,
-      clearDefaultChannelTooltip: R
+    kt({
+      selectedChannelType: T,
+      selectedChannel: U,
+      channels: H,
+      selectedDialog: a(() => i.selectedDialog ?? null),
+      isChannelEmpty: be,
+      isNewDialog: ce,
+      showDefaultChannelTooltipWithTimer: ge,
+      clearDefaultChannelTooltip: $
     });
     const {
-      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);
+      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);
     };
-    B(() => e.confirmingAttributeId, (t, o) => {
-      t || (_.value = null, o && Se());
-    }), B(W, () => {
-      const t = w.value;
-      if (!t)
+    return z(() => i.confirmingAttributeId, (e, o) => {
+      e || (x.value = null, o && Xe());
+    }), z(Y, () => {
+      const e = b.value;
+      if (!e)
         return;
-      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({
+      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({
       /** Снять pin и закрыть оба меню (вызывать с host при ОК на splash). */
-      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),
+      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,
                 position: "bottom-left",
                 offset: 8,
-                delay: v.tooltipDelay,
-                "hide-on-click": ""
+                delay: h.tooltipDelay,
+                "hide-on-click": "",
+                trigger: A.value ? "auto" : "hover",
+                "auto-show-duration": A.value ? 5e3 : 0
               }, {
-                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)
+                default: oe(() => [
+                  d("span", Dt, [
+                    (l(), v(D(t.component)))
+                  ])
                 ]),
                 _: 2
-                /* 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)
+              }, 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)
                 }]),
-                "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)
+                "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)
               }, [
-                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
+                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
                   }, null, 8, ["attribute", "is-selected", "confirming-attribute-id", "blocked-attribute-ids", "indicator-tooltips", "tooltip-delay"]),
-                  d(
-                    "span",
-                    Ut,
-                    H(n.value),
-                    1
-                    /* TEXT */
-                  )
+                  d("span", Pt, F(t.value), 1)
                 ]),
-                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)
+                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)
                 ])
-              ], 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)
+              ], 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" }])
               }, [
-                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"]]);
+                (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"]]);
 export {
-  dn as default
+  un as default
 };