@mobilon-dev/chotto 0.3.83 → 0.3.84

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

@@ -1,33 +1,31 @@
-import { ref as d, computed as i, watch as H, onMounted as Ue, onUnmounted as Ge, createElementBlock as a, openBlock as l, createCommentVNode as m, unref as n, Fragment as I, renderList as W, normalizeClass as v, createBlock as C, createVNode as B, createElementVNode as c, withCtx as U, resolveDynamicComponent as T, toDisplayString as N, normalizeStyle as Je, nextTick as ye } from "vue";
-import G from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useCommunicationChannels as Ke } from "./composables/useCommunicationChannels.js";
-import { useCommunicationMenu as Qe } from "./composables/useCommunicationMenu.js";
-import { useCommunicationAttributes as Xe, isAttributeBlocked as Ye, getAttributeStatusClass as ve, isAttributeConfirming as Ce } from "./composables/useCommunicationAttributes.js";
-import { useCommunicationActions as Ze } from "./composables/useCommunicationActions.js";
-import { useCommunicationSubMenu as et } from "./composables/useCommunicationSubMenu.js";
-import { useCommunicationDialogSync as tt } from "./composables/useCommunicationDialogSync.js";
-import { useCommunicationPlaceholder as nt } from "./composables/useCommunicationPlaceholder.js";
-import be from "./CommunicationPanelAttributeIndicator.vue.js";
-import ot from "./icons/CommunicationPanelCheckIcon.vue.js";
-/* empty css                                           */
-import lt from "../../../_virtual/_plugin-vue_export-helper.js";
+import { ref as m, computed as a, watch as j, onMounted as at, onUnmounted as it, createElementBlock as u, openBlock as l, createCommentVNode as y, unref as n, Fragment as w, renderList as te, normalizeClass as g, createBlock as v, createVNode as ne, createElementVNode as d, withCtx as oe, resolveDynamicComponent as _, toDisplayString as z, normalizeStyle as ut, nextTick as le } from "vue";
+import se from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useCommunicationChannels as rt } from "./composables/useCommunicationChannels.js";
+import { useCommunicationMenu as ct } from "./composables/useCommunicationMenu.js";
+import { useCommunicationAttributes as dt, isAttributeBlocked as ft, getAttributeStatusClass as Re, isAttributeConfirming as qe, getSubMenuChannelIndicatorType as pt, getSubMenuChannelIndicatorClass as mt } from "./composables/useCommunicationAttributes.js";
+import { useCommunicationActions as vt } from "./composables/useCommunicationActions.js";
+import { useCommunicationSubMenu as ht } from "./composables/useCommunicationSubMenu.js";
+import { useCommunicationDialogSync as yt } from "./composables/useCommunicationDialogSync.js";
+import { useCommunicationPlaceholder as Ct } from "./composables/useCommunicationPlaceholder.js";
+import Pe from "./CommunicationPanelAttributeIndicator.vue.js";
+import bt from "./icons/CommunicationPanelCheckIcon.vue.js";
+import gt from "./icons/CommunicationPanelUnconfirmedIcon.vue.js";
+import kt from "./icons/CommunicationPanelConfirmSpinner.vue.js";
+import It from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                        */
-const st = ["onClick", "onMouseenter"], at = { class: "channel-icon" }, it = { class: "channel-icon" }, ut = {
+const At = ["data-channel-type", "onClick", "onMouseenter"], Tt = { class: "channel-icon" }, Mt = { class: "channel-icon" }, St = {
   key: 1,
   class: "attributes-menu"
-}, rt = {
+}, wt = {
   key: 0,
   class: "empty-channels-placeholder"
-}, ct = ["data-attribute-status", "onMouseenter", "onClick"], dt = { class: "attribute-info" }, ft = { class: "attribute-value" }, mt = { class: "menu-icon" }, pt = {
+}, _t = ["data-attribute-status", "onMouseenter", "onClick"], Dt = { class: "attribute-info" }, Rt = { class: "attribute-value" }, qt = { class: "menu-icon" }, Pt = {
   key: 0,
   class: "menu-icon-arrow"
-}, ht = ["data-attribute-status", "onMouseenter", "onClick"], yt = { class: "attribute-info" }, vt = { class: "attribute-value" }, Ct = { class: "menu-icon" }, bt = {
+}, xt = ["data-attribute-status", "onMouseenter", "onClick"], Ot = { class: "attribute-info" }, Bt = { class: "attribute-value" }, Nt = { class: "menu-icon" }, Et = {
   key: 0,
   class: "menu-icon-arrow"
-}, gt = ["onClick"], kt = {
-  key: 0,
-  class: "selected-indicator"
-}, At = { class: "sub-menu-title" }, It = {
+}, $t = ["onClick"], jt = { class: "sub-menu-indicator-slot" }, zt = { class: "sub-menu-title" }, Ft = {
   __name: "CommunicationPanel",
   props: {
     contactAttributes: {
@@ -121,6 +119,15 @@ const st = ["onClick", "onMouseenter"], at = { class: "channel-icon" }, it = { c
       type: Number,
       required: !1,
       default: 3e3
+    },
+    /**
+     * Последний выбор attribute+channel per тип кнопки (whatsapp/telegram/max/sms/phone).
+     * Используется для one-click при переключении между мессенджерами.
+     */
+    recentAttributeChannels: {
+      type: Object,
+      required: !1,
+      default: () => ({})
     }
   },
   emits: [
@@ -129,346 +136,408 @@ const st = ["onClick", "onMouseenter"], at = { class: "channel-icon" }, it = { c
     "phone-call",
     "reset-blocked-attributes"
   ],
-  setup(f, { emit: ge }) {
-    const s = f, J = ge, P = d(null), ke = d(null), E = d(null), z = d(null), M = d(null), $ = d({}), b = d(!1), S = d(null), p = d(null), w = d(null), g = i(
-      () => s.confirmingAttributeId ?? w.value
-    ), j = i(() => s.blockedAttributeIds ?? []), k = (t) => Ye(t, j.value), F = i(() => s.channels ?? []), Ae = i(() => s.channelOrder), Ie = i(() => s.visibleChannelTypes), Te = i(() => s.channelTooltips ?? {}), Me = i(() => s.attributeTooltips ?? {}), K = i(() => s.attributeIndicatorTooltips ?? {}), Q = i(() => s.messages ?? []), Se = i(() => s.selectedChat ?? null), X = i(() => s.isNewDialog ?? !1), we = i(() => {
-      var t;
-      return ((t = s.selectedDialog) == null ? void 0 : t.channelId) ?? null;
-    }), Y = (t) => we.value === t, _e = i(() => {
-      var t;
-      return ((t = s.selectedDialog) == null ? void 0 : t.attributeId) ?? null;
-    }), _ = (t) => {
-      const o = _e.value;
-      if (!o || !t)
+  setup(h, { emit: xe }) {
+    const i = h, ae = xe, F = m(null), Oe = m(null), D = m(null), R = m(null), T = m(null), L = m({}), V = m(null), A = m(!1), q = m(null), C = m(null), P = m(null), k = a(
+      () => i.confirmingAttributeId ?? P.value
+    ), W = a(() => i.blockedAttributeIds ?? []), M = (e) => ft(e, W.value), H = a(() => i.channels ?? []), Be = a(() => i.channelOrder), Ne = a(() => i.visibleChannelTypes), Ee = a(() => i.channelTooltips ?? {}), $e = a(() => i.attributeTooltips ?? {}), ie = a(() => i.attributeIndicatorTooltips ?? {}), ue = a(() => i.recentAttributeChannels ?? {}), re = a(() => i.messages ?? []), je = a(() => i.selectedChat ?? null), ce = a(() => i.isNewDialog ?? !1), de = a(() => {
+      var e;
+      return ((e = i.selectedDialog) == null ? void 0 : e.channelId) ?? null;
+    }), x = (e, o) => {
+      if (!o || !e)
+        return !1;
+      const t = e.id ?? e.attributeId;
+      if (!t)
         return !1;
-      const e = t.id ?? t.attributeId;
-      return o === e;
-    }, Z = (t) => {
-      const o = Me.value, e = (t == null ? void 0 : t.attributeId) ?? (t == null ? void 0 : t.id);
-      if (e != null) {
-        const u = o[String(e)];
-        if (u)
-          return u;
+      const s = o.includes(".") ? o.split(".").pop() : o;
+      return o === t || t === s || t.endsWith(`.${s}`);
+    }, fe = (e) => {
+      const o = $e.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)] ?? "" : "";
-    }, De = (t) => !!Z(t), {
-      panelChannelTypes: Re,
-      channelsTypes: ee,
-      getTooltipText: qe,
-      getChannelTypeFromId: xe,
-      hasMultipleChannels: A,
-      isChannelActive: D,
-      getSingleChannelForType: Oe,
-      getMenuChannelIconComponentForChannelId: Be,
-      getSingleMenuChannelIconComponent: te,
-      getAvailableChannels: ne
-    } = Ke({
-      channels: F,
-      channelTooltips: Te,
-      channelOrder: Ae,
-      visibleChannelTypes: Ie,
-      selectedChannelType: M
+      return e != null && e.value ? o[String(e.value)] ?? "" : "";
+    }, ze = (e) => !!fe(e), {
+      panelChannelTypes: Fe,
+      channelsTypes: pe,
+      getTooltipText: Le,
+      getChannelTypeFromId: Ve,
+      hasMultipleChannels: S,
+      isChannelActive: O,
+      getSingleChannelForType: We,
+      getMenuChannelIconComponentForChannelId: He,
+      getSingleMenuChannelIconComponent: me,
+      getAvailableChannels: ve
+    } = rt({
+      channels: H,
+      channelTooltips: Ee,
+      channelOrder: Be,
+      visibleChannelTypes: Ne,
+      selectedChannelType: T
     }), {
       activeChannelType: r,
-      hoveredChannel: R,
-      showMenu: q,
-      showSubMenu: L,
-      handleChannelClick: Ne,
-      closeMenu: oe,
-      handleClickOutside: le
-    } = Qe({
-      panelRef: P,
-      selectedChannelType: M,
-      frozenAttribute: z
-    }), V = i(() => s.contactAttributes ?? []), se = (t) => {
-      var h;
-      if (!t || !Q.value) return !0;
-      const o = (h = Se.value) == null ? void 0 : h.chatId;
-      return o ? !Q.value.filter(
-        (y) => {
-          var he;
-          return y.chatId === o && y.dialogId === ((he = s.selectedDialog) == null ? void 0 : he.dialogId);
+      hoveredChannel: B,
+      showMenu: b,
+      showSubMenu: U,
+      handleChannelClick: Ue,
+      openMenu: Ge,
+      closeMenu: G,
+      handleClickOutside: he
+    } = ct({
+      panelRef: F,
+      selectedChannelType: T,
+      frozenAttribute: R
+    }), J = a(() => {
+      var e;
+      return ((e = i.selectedDialog) == null ? void 0 : e.attributeId) ?? null;
+    }), ye = a(() => {
+      if (!b.value || !r.value)
+        return null;
+      const e = V.value;
+      return e && e.channelType === r.value ? e : null;
+    }), K = (e) => {
+      var De;
+      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 = r.value, I = Q.value;
+      if (b.value && f && I) {
+        const p = (De = ue.value) == null ? void 0 : De[f];
+        if (p != null && p.channelId && (p != null && p.attributeId) && x(I, p.attributeId) && s(p.channelId, o))
+          return !0;
+      }
+      return b.value && f && I && J.value && x(I, J.value) && s(de.value, o) ? !0 : s(de.value, o);
+    }, N = (e) => {
+      const o = ye.value;
+      return o != null && o.attributeId ? x(e, o.attributeId) : x(e, J.value);
+    }, Q = a(() => D.value ?? R.value ?? null), Ce = (e) => {
+      const o = e == null ? void 0 : e.backendChannelId;
+      return o ? [o] : [];
+    }, X = (e) => pt(
+      Q.value,
+      e.channelId,
+      K(e),
+      k.value,
+      Ce(e)
+    ), Je = (e) => mt(
+      Q.value,
+      e.channelId,
+      K(e),
+      k.value,
+      Ce(e)
+    ) ?? "", Y = a(() => i.contactAttributes ?? []), be = (e) => {
+      var c;
+      if (!e || !re.value) return !0;
+      const o = (c = je.value) == null ? void 0 : c.chatId;
+      return o ? !re.value.filter(
+        (f) => {
+          var I;
+          return f.chatId === o && f.dialogId === ((I = i.selectedDialog) == null ? void 0 : I.dialogId);
         }
       ).some(
-        (y) => y.type !== "message.system" && y.type !== "message.delimiter" && y.type !== "system" && y.type !== "system_message" && y.type !== "notification"
+        (f) => f.type !== "message.system" && f.type !== "message.delimiter" && f.type !== "system" && f.type !== "system_message" && f.type !== "notification"
       ) : !0;
-    }, ae = () => {
-      x(), b.value = !0, ye(() => {
-        const t = Array.isArray(p.value) ? p.value[0] : p.value;
-        t && typeof t.startAutoShow == "function" ? t.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
-      }), S.value = setTimeout(() => {
-        b.value = !1;
+    }, ge = () => {
+      E(), 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);
-    }, x = () => {
-      if (S.value && (clearTimeout(S.value), S.value = null), p.value) {
-        const t = Array.isArray(p.value) ? p.value[0] : p.value;
-        t && typeof t.clearAutoTimer == "function" && t.clearAutoTimer();
+    }, E = () => {
+      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();
       }
-      b.value = !1;
+      A.value = !1;
     }, {
-      organizedContactAttributes: ie,
-      organizeContactAttributes: Pe,
-      isAttributeFrozen: ue
-    } = Xe({
-      contactAttributes: V,
-      panelChannelTypes: Re,
-      frozenAttribute: z
+      organizedContactAttributes: Z,
+      organizeContactAttributes: Ke,
+      isAttributeFrozen: ke
+    } = dt({
+      contactAttributes: Y,
+      panelChannelTypes: Fe,
+      frozenAttribute: R
     }), {
-      handleAttributeClick: Ee,
-      selectChannel: ze,
-      availableChannels: $e
-    } = Ze({
+      handleAttributeClick: Qe,
+      selectChannel: Xe,
+      availableChannels: Ye,
+      applyRecentChannelButtonSelection: Ze,
+      clearPanelPendingSelection: Ie
+    } = vt({
       activeChannelType: r,
-      channels: F,
-      selectedChannel: $,
-      selectedChannelType: M,
-      hoveredAttribute: E,
-      confirmingAttributeId: w,
-      isAttributeBlocked: k,
-      closeMenu: oe,
-      hasMultipleChannels: A,
-      getSingleChannelForType: Oe,
-      getAvailableChannels: ne,
-      isChannelEmpty: se,
-      isNewDialog: X,
-      showDefaultChannelTooltipWithTimer: ae,
-      clearDefaultChannelTooltip: x,
-      emit: J
+      channels: H,
+      selectedChannel: L,
+      selectedChannelType: T,
+      hoveredAttribute: D,
+      confirmingAttributeId: P,
+      isAttributeBlocked: M,
+      closeMenu: G,
+      hasMultipleChannels: S,
+      getSingleChannelForType: We,
+      getAvailableChannels: ve,
+      isChannelEmpty: be,
+      isNewDialog: ce,
+      showDefaultChannelTooltipWithTimer: ge,
+      clearDefaultChannelTooltip: E,
+      emit: ae,
+      panelPendingSelection: V
     }), {
-      subMenuTop: je,
-      handleAttributeMouseEnter: Fe,
-      handleAttributeMouseLeave: O,
-      keepSubMenuOpen: re,
-      closeSubMenu: ce,
-      alignSubMenuWithTarget: Le
-    } = et({
+      subMenuTop: et,
+      handleAttributeMouseEnter: tt,
+      handleAttributeMouseLeave: $,
+      keepSubMenuOpen: Ae,
+      closeSubMenu: Te,
+      alignSubMenuWithTarget: nt
+    } = ht({
       activeChannelType: r,
-      showSubMenu: L,
-      frozenAttribute: z,
-      hoveredAttribute: E,
-      hasMultipleChannels: A,
-      isAttributeBlocked: k
-    }), Ve = (t) => {
-      q.value && r.value === t || J("reset-blocked-attributes"), Ne(t);
-    }, de = (t) => {
-      k(t) || Ee(t);
+      showSubMenu: U,
+      frozenAttribute: R,
+      hoveredAttribute: D,
+      hasMultipleChannels: S,
+      isAttributeBlocked: M
+    }), ot = async (e) => {
+      if (b.value && r.value === e) {
+        G();
+        return;
+      }
+      ae("reset-blocked-attributes");
+      const t = T.value !== e;
+      Ue(e), t ? (Ze(
+        e,
+        ue.value,
+        Z.value
+      ), await le(), Ge(e)) : V.value = null;
+    };
+    j(b, (e) => {
+      e || Ie();
+    });
+    const Me = (e) => {
+      M(e) || Qe(e);
     };
-    tt({
-      selectedChannelType: M,
-      selectedChannel: $,
-      channels: F,
-      selectedDialog: i(() => s.selectedDialog ?? null),
-      isChannelEmpty: se,
-      isNewDialog: X,
-      showDefaultChannelTooltipWithTimer: ae,
-      clearDefaultChannelTooltip: x
+    yt({
+      selectedChannelType: T,
+      selectedChannel: L,
+      channels: H,
+      selectedDialog: a(() => i.selectedDialog ?? null),
+      isChannelEmpty: be,
+      isNewDialog: ce,
+      showDefaultChannelTooltipWithTimer: ge,
+      clearDefaultChannelTooltip: E
     });
     const {
-      emptyChannelsPlaceholderText: He,
-      shouldShowEmptyChannelsPlaceholder: fe
-    } = nt({
-      showMenu: q,
+      emptyChannelsPlaceholderText: lt,
+      shouldShowEmptyChannelsPlaceholder: Se
+    } = Ct({
+      showMenu: b,
       activeChannelType: r,
-      emptyChannelsPlaceholder: i(() => s.emptyChannelsPlaceholder ?? {}),
-      getAvailableChannels: ne,
-      organizedContactAttributes: ie
-    }), me = i(
-      () => $e()
-    ), We = i(
-      () => L.value && E.value && me.value.length > 0 && r.value !== "phone" && A(r.value)
-    ), pe = async (t, o) => {
-      const e = Fe(t, o.currentTarget);
-      await ye(), e instanceof HTMLElement && Le(P, e);
+      emptyChannelsPlaceholder: a(() => i.emptyChannelsPlaceholder ?? {}),
+      getAvailableChannels: ve,
+      organizedContactAttributes: Z
+    }), we = a(
+      () => Ye()
+    ), st = a(
+      () => U.value && D.value && we.value.length > 0 && r.value !== "phone" && S(r.value)
+    ), _e = async (e, o) => {
+      const t = tt(e, o.currentTarget);
+      await le(), t instanceof HTMLElement && nt(F, t);
     };
-    return H(() => s.confirmingAttributeId, (t) => {
-      t || (w.value = null);
-    }), H(V, () => {
-      const t = g.value;
-      if (!t)
+    return j(() => i.confirmingAttributeId, (e) => {
+      e || (P.value = null);
+    }), j(Y, () => {
+      const e = k.value;
+      if (!e)
         return;
-      const o = V.value.find((e) => e.id === t);
-      (o == null ? void 0 : o.status) === "confirmed" && (w.value = null, oe());
-    }, { deep: !0 }), H(() => s.selectedDialog, () => {
-    }, { deep: !0 }), Ue(() => {
-      document.addEventListener("click", le), Pe();
-    }), Ge(() => {
-      document.removeEventListener("click", le), x();
-    }), (t, o) => (l(), a("div", {
+      const o = Y.value.find((t) => t.id === e);
+      (o == null ? void 0 : o.status) === "confirmed" && (P.value = null, G());
+    }, { deep: !0 }), j(() => i.selectedDialog, () => {
+      Ie();
+    }, { deep: !0 }), at(() => {
+      document.addEventListener("click", he), Ke();
+    }), it(() => {
+      document.removeEventListener("click", he), E();
+    }), (e, o) => (l(), u("div", {
       ref_key: "panelRef",
-      ref: P,
+      ref: F,
       class: "communication-panel"
     }, [
-      n(ee).length ? (l(), a("div", {
+      n(pe).length ? (l(), u("div", {
         key: 0,
         ref_key: "channelsPanelRef",
-        ref: ke,
+        ref: Oe,
         class: "channels-panel"
       }, [
-        (l(!0), a(I, null, W(n(ee), (e) => {
-          var u;
-          return l(), a("button", {
-            key: e.type,
-            class: v(["channel-btn", {
-              active: n(D)(e.type),
-              hover: n(R) === e.type && !n(D)(e.type) || n(R) === e.type && n(D)(e.type),
-              menuOpen: n(q) && n(r) === e.type
+        (l(!0), u(w, null, te(n(pe), (t) => {
+          var s;
+          return l(), u("button", {
+            key: t.type,
+            "data-channel-type": t.type,
+            class: g(["channel-btn", {
+              active: n(O)(t.type),
+              hover: n(B) === t.type && !n(O)(t.type) || n(B) === t.type && n(O)(t.type),
+              menuOpen: n(b) && n(r) === t.type
             }]),
-            onClick: (h) => Ve(e.type),
-            onMouseenter: (h) => R.value = e.type,
-            onMouseleave: o[0] || (o[0] = (h) => R.value = null)
+            onClick: (c) => ot(t.type),
+            onMouseenter: (c) => B.value = t.type,
+            onMouseleave: o[0] || (o[0] = (c) => B.value = null)
           }, [
-            n(D)(e.type) ? (l(), a(I, { key: 0 }, [
-              B(G, {
+            n(O)(t.type) ? (l(), u(w, { key: 0 }, [
+              ne(se, {
                 ref_for: !0,
-                ref: (h) => {
-                  h && (p.value = h);
+                ref: (c) => {
+                  c && (C.value = c);
                 },
-                text: b.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (u = $.value) == null ? void 0 : u.title,
+                text: A.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (s = L.value) == null ? void 0 : s.title,
                 position: "bottom-left",
                 offset: 8,
-                delay: f.tooltipDelay,
+                delay: h.tooltipDelay,
                 "hide-on-click": "",
-                trigger: b.value ? "auto" : "hover",
-                "auto-show-duration": b.value ? 5e3 : 0
+                trigger: A.value ? "auto" : "hover",
+                "auto-show-duration": A.value ? 5e3 : 0
               }, {
-                default: U(() => [
-                  c("span", at, [
-                    (l(), C(T(e.component)))
+                default: oe(() => [
+                  d("span", Tt, [
+                    (l(), v(_(t.component)))
                   ])
                 ]),
                 _: 2
               }, 1032, ["text", "delay", "trigger", "auto-show-duration"]),
-              o[5] || (o[5] = c("span", { class: "active-indicator" }, null, -1))
-            ], 64)) : (l(), C(G, {
+              o[5] || (o[5] = d("span", { class: "active-indicator" }, null, -1))
+            ], 64)) : (l(), v(se, {
               key: 1,
-              text: n(qe)(e.type),
+              text: n(Le)(t.type),
               position: "bottom-left",
               offset: 8,
-              delay: f.tooltipDelay,
+              delay: h.tooltipDelay,
               "hide-on-click": ""
             }, {
-              default: U(() => [
-                c("span", it, [
-                  (l(), C(T(e.component)))
+              default: oe(() => [
+                d("span", Mt, [
+                  (l(), v(_(t.component)))
                 ])
               ]),
               _: 2
             }, 1032, ["text", "delay"]))
-          ], 42, st);
+          ], 42, At);
         }), 128))
-      ], 512)) : m("", !0),
-      n(q) && n(r) ? (l(), a("div", ut, [
-        n(fe) ? (l(), a("div", rt, N(n(He)), 1)) : m("", !0),
-        n(fe) ? m("", !0) : (l(!0), a(I, { key: 1 }, W(n(ie)[n(r)], (e) => (l(), a(I, {
-          key: e.attributeId
+      ], 512)) : y("", !0),
+      n(b) && n(r) ? (l(), u("div", St, [
+        n(Se) ? (l(), u("div", wt, z(n(lt)), 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
         }, [
-          De(e) ? (l(), C(G, {
+          ze(t) ? (l(), v(se, {
             key: 0,
-            text: Z(e),
+            text: fe(t),
             position: "bottom-left",
             offset: 8,
-            delay: f.tooltipDelay,
+            delay: h.tooltipDelay,
             "hide-on-click": ""
           }, {
-            default: U(() => [
-              c("div", {
-                class: v(["attribute-item", n(ve)(e), {
-                  "frozen-hover": n(ue)(e),
-                  selected: _(e),
-                  confirming: n(Ce)(e, g.value),
-                  blocked: k(e)
+            default: oe(() => [
+              d("div", {
+                class: g(["attribute-item", n(Re)(t), {
+                  "frozen-hover": n(ke)(t),
+                  selected: N(t),
+                  confirming: n(qe)(t, k.value),
+                  blocked: M(t)
                 }]),
-                "data-attribute-status": e.status,
-                onMouseenter: (u) => pe(e, u),
-                onMouseleave: o[1] || (o[1] = (...u) => n(O) && n(O)(...u)),
-                onClick: (u) => de(e)
+                "data-attribute-status": t.status,
+                onMouseenter: (s) => _e(t, s),
+                onMouseleave: o[1] || (o[1] = (...s) => n($) && n($)(...s)),
+                onClick: (s) => Me(t)
               }, [
-                c("div", dt, [
-                  B(be, {
-                    attribute: e,
-                    "is-selected": _(e),
-                    "confirming-attribute-id": g.value,
-                    "blocked-attribute-ids": j.value,
-                    "indicator-tooltips": K.value,
-                    "tooltip-delay": f.tooltipDelay
+                d("div", Dt, [
+                  ne(Pe, {
+                    attribute: t,
+                    "is-selected": N(t),
+                    "confirming-attribute-id": k.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"]),
-                  c("span", ft, N(e.value), 1)
+                  d("span", Rt, z(t.value), 1)
                 ]),
-                c("span", mt, [
-                  n(A)(n(r)) ? (l(), a("span", pt)) : f.showChannelIcons ? (l(), a("span", {
+                d("span", qt, [
+                  n(S)(n(r)) ? (l(), u("span", Pt)) : h.showChannelIcons ? (l(), u("span", {
                     key: 1,
-                    class: v(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
+                    class: g(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
                   }, [
-                    (l(), C(T(n(te)(n(r)))))
-                  ], 2)) : m("", !0)
+                    (l(), v(_(n(me)(n(r)))))
+                  ], 2)) : y("", !0)
                 ])
-              ], 42, ct)
+              ], 42, _t)
             ]),
             _: 2
-          }, 1032, ["text", "delay"])) : (l(), a("div", {
+          }, 1032, ["text", "delay"])) : (l(), u("div", {
             key: 1,
-            class: v(["attribute-item", n(ve)(e), {
-              "frozen-hover": n(ue)(e),
-              selected: _(e),
-              confirming: n(Ce)(e, g.value),
-              blocked: k(e)
+            class: g(["attribute-item", n(Re)(t), {
+              "frozen-hover": n(ke)(t),
+              selected: N(t),
+              confirming: n(qe)(t, k.value),
+              blocked: M(t)
             }]),
-            "data-attribute-status": e.status,
-            onMouseenter: (u) => pe(e, u),
-            onMouseleave: o[2] || (o[2] = (...u) => n(O) && n(O)(...u)),
-            onClick: (u) => de(e)
+            "data-attribute-status": t.status,
+            onMouseenter: (s) => _e(t, s),
+            onMouseleave: o[2] || (o[2] = (...s) => n($) && n($)(...s)),
+            onClick: (s) => Me(t)
           }, [
-            c("div", yt, [
-              B(be, {
-                attribute: e,
-                "is-selected": _(e),
-                "confirming-attribute-id": g.value,
-                "blocked-attribute-ids": j.value,
-                "indicator-tooltips": K.value,
-                "tooltip-delay": f.tooltipDelay
+            d("div", Ot, [
+              ne(Pe, {
+                attribute: t,
+                "is-selected": N(t),
+                "confirming-attribute-id": k.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"]),
-              c("span", vt, N(e.value), 1)
+              d("span", Bt, z(t.value), 1)
             ]),
-            c("span", Ct, [
-              n(A)(n(r)) ? (l(), a("span", bt)) : f.showChannelIcons ? (l(), a("span", {
+            d("span", Nt, [
+              n(S)(n(r)) ? (l(), u("span", Et)) : h.showChannelIcons ? (l(), u("span", {
                 key: 1,
-                class: v(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
+                class: g(["channel-icon-small", { "menu-icon-grey": n(r) !== "sms" }])
               }, [
-                (l(), C(T(n(te)(n(r)))))
-              ], 2)) : m("", !0)
+                (l(), v(_(n(me)(n(r)))))
+              ], 2)) : y("", !0)
             ])
-          ], 42, ht))
+          ], 42, xt))
         ], 64))), 128)),
-        n(L) && We.value ? (l(), a("div", {
+        n(U) && st.value ? (l(), u("div", {
           key: 2,
           class: "sub-menu left",
-          style: Je({ top: n(je) + "px" }),
-          onMouseenter: o[3] || (o[3] = (...e) => n(re) && n(re)(...e)),
-          onMouseleave: o[4] || (o[4] = (...e) => n(ce) && n(ce)(...e))
+          style: ut({ top: n(et) + "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] = c("div", { class: "sub-menu-header" }, " Канал связи ", -1)),
-          (l(!0), a(I, null, W(me.value, (e) => (l(), a("div", {
-            key: e.channelId,
-            class: v(["sub-menu-item", { selected: Y(e.channelId) }]),
-            onClick: (u) => n(ze)(e.channelId)
+          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: g(["sub-menu-item", { selected: K(t) }]),
+            onClick: (s) => n(Xe)(t.channelId)
           }, [
-            Y(e.channelId) ? (l(), a("span", kt, [
-              B(n(ot))
-            ])) : m("", !0),
-            c("span", At, N(e.title || e.channelId), 1),
-            f.showChannelIcons ? (l(), a("span", {
-              key: 1,
-              class: v(["sub-menu-icon", { "menu-icon-grey": n(xe)(e.channelId) !== "sms" }])
+            d("span", jt, [
+              X(t) ? (l(), u("span", {
+                key: 0,
+                class: g(Je(t))
+              }, [
+                X(t) === "spinner" ? (l(), v(n(kt), { key: 0 })) : X(t) === "unconfirmed" ? (l(), v(n(gt), { key: 1 })) : (l(), v(n(bt), { key: 2 }))
+              ], 2)) : y("", !0)
+            ]),
+            d("span", zt, z(t.title || t.channelId), 1),
+            h.showChannelIcons ? (l(), u("span", {
+              key: 0,
+              class: g(["sub-menu-icon", { "menu-icon-grey": n(Ve)(t.channelId) !== "sms" }])
             }, [
-              (l(), C(T(n(Be)(e.channelId))))
-            ], 2)) : m("", !0)
-          ], 10, gt))), 128))
-        ], 36)) : m("", !0)
-      ])) : m("", !0)
+              (l(), v(_(n(He)(t.channelId))))
+            ], 2)) : y("", !0)
+          ], 10, $t))), 128))
+        ], 36)) : y("", !0)
+      ])) : y("", !0)
     ], 512));
   }
-}, zt = /* @__PURE__ */ lt(It, [["__scopeId", "data-v-edc05ad5"]]);
+}, on = /* @__PURE__ */ It(Ft, [["__scopeId", "data-v-d02b223f"]]);
 export {
-  zt as default
+  on as default
 };