@mobilon-dev/chotto 0.3.60 → 0.3.61

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

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

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     isNewDialog: boolean;
     selectedDialog: Record<string, any>;
     emptyChannelsPlaceholder: Record<string, any>;
+    attributeTooltips: Record<string, any>;
     showChannelIcons: boolean;
     $props: {
         readonly channels?: unknown[] | undefined;
@@ -18,6 +19,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         readonly isNewDialog?: boolean | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
         readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
+        readonly attributeTooltips?: Record<string, any> | undefined;
         readonly showChannelIcons?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -11,6 +11,7 @@ declare const meta: {
         isNewDialog: boolean;
         selectedDialog: Record<string, any>;
         emptyChannelsPlaceholder: Record<string, any>;
+        attributeTooltips: Record<string, any>;
         showChannelIcons: boolean;
         $props: {
             readonly channels?: unknown[] | undefined;
@@ -21,6 +22,7 @@ declare const meta: {
             readonly isNewDialog?: boolean | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
             readonly emptyChannelsPlaceholder?: Record<string, any> | undefined;
+            readonly attributeTooltips?: Record<string, any> | undefined;
             readonly showChannelIcons?: boolean | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.60",
+  "version": "0.3.61",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",