@mobilon-dev/chotto 0.3.34 → 0.3.36

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

@@ -1,83 +1,87 @@
-function j({
-  activeChannelType: u,
-  channels: t,
-  recentAttributeChannels: k,
-  selectedChannel: c,
-  selectedChannelType: f,
-  isRecentAttributeHovered: C,
-  hoveredAttribute: o,
-  closeMenu: e,
-  hasMultipleChannels: d,
-  getSingleChannelForType: h,
-  getAvailableChannels: R,
-  emit: i
+function K({
+  activeChannelType: a,
+  channels: c,
+  recentAttributeChannels: q,
+  selectedChannel: i,
+  selectedChannelType: e,
+  isRecentAttributeHovered: z,
+  hoveredAttribute: r,
+  closeMenu: v,
+  hasMultipleChannels: R,
+  getSingleChannelForType: x,
+  getAvailableChannels: B,
+  isChannelEmpty: t,
+  isNewDialog: s,
+  showDefaultChannelTooltipWithTimer: d,
+  clearDefaultChannelTooltip: o,
+  emit: f
 }) {
-  const r = (n) => {
-    n && (i("phone-call", {
+  const b = (n) => {
+    n && (f("phone-call", {
       attributeId: n.id,
       phoneNumber: n.data
-    }), e());
-  }, s = (n, l) => {
-    i("select-attribute-channel", {
+    }), v());
+  }, k = (n, u) => {
+    f("select-attribute-channel", {
       attributeId: n.id,
-      channelId: l
-    }), f.value = u.value, c.value = t.value.find((a) => a.channelId === l) ?? {}, e();
-  }, v = (n, l) => {
-    l && i("select-attribute-channel", {
-      attributeId: l.id,
+      channelId: u
+    }), e.value = a.value, i.value = c.value.find((l) => l.channelId === u) ?? {}, t(u) && s.value ? d() : o(), v();
+  }, I = (n, u) => {
+    u && f("select-attribute-channel", {
+      attributeId: u.id,
       channelId: n
-    }), f.value = u.value, c.value = t.value.find((a) => a.channelId === n) ?? {}, e();
+    }), e.value = a.value, i.value = c.value.find((l) => l.channelId === n) ?? {}, t(n) && s.value ? d() : o(), v();
   };
   return {
-    handlePhoneCall: r,
+    handlePhoneCall: b,
     handleRecentAttributeClick: (n) => {
-      var I;
-      const l = u.value;
-      if (!l)
+      var P;
+      const u = a.value;
+      if (!u)
         return;
-      if (l === "phone") {
-        r(n);
+      if (u === "phone") {
+        b(n);
         return;
       }
-      if (!d(l)) {
-        const b = h(l);
-        n && b && s(n, b.channelId);
+      if (!R(u)) {
+        const j = x(u);
+        n && j && k(n, j.channelId);
         return;
       }
-      const a = (I = k.value[l]) == null ? void 0 : I.channelId;
-      n && a && v(a, n);
+      const l = (P = q.value[u]) == null ? void 0 : P.channelId;
+      n && l && I(l, n);
     },
     handleAttributeClick: (n) => {
-      const l = u.value;
-      if (l) {
-        if (l === "phone") {
-          r(n);
+      const u = a.value;
+      if (u) {
+        if (u === "phone") {
+          b(n);
           return;
         }
-        if (!d(l)) {
-          const a = h(l);
-          a && s(n, a.channelId);
+        if (!R(u)) {
+          const l = x(u);
+          l && k(n, l.channelId);
         }
       }
     },
-    selectSingleChannel: s,
-    selectChannelForRecentAttribute: v,
+    selectSingleChannel: k,
+    selectChannelForRecentAttribute: I,
     selectChannel: (n) => {
-      if (C.value) {
-        v(n, o.value ?? null);
+      if (z.value) {
+        I(n, r.value ?? null);
         return;
       }
-      o.value && (i("select-attribute-channel", {
-        attributeId: o.value.id,
+      r.value && (f("select-attribute-channel", {
+        attributeId: r.value.id,
         channelId: n
-      }), f.value = u.value, c.value = t.value.find((l) => l.channelId === n) ?? {}), e();
+      }), e.value = a.value, i.value = c.value.find((u) => u.channelId === n) ?? {}, t(n) && s.value ? d() : o()), v();
     },
     availableChannels: () => {
-      const n = u.value;
-      return n ? R(n) : [];
+      const n = a.value;
+      return n ? B(n) : [];
     }
   };
 }
 export {
-  j as useCommunicationActions
+  K as useCommunicationActions
 };

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

@@ -1,16 +1,16 @@
-import { computed as r, unref as l, ref as v, watch as y } from "vue";
-import { CHANNEL_TYPES as f } from "./useCommunicationChannels.js";
-function C({
-  contactAttributes: m,
+import { computed as r, unref as f, ref as y, watch as g } from "vue";
+import { CHANNEL_TYPES as m } from "./useCommunicationChannels.js";
+function w({
+  contactAttributes: d,
   recentAttributeChannels: b,
   activeChannelType: o,
-  frozenAttribute: d
+  frozenAttribute: h
 }) {
-  const u = r(() => l(m) ?? []), i = r(() => l(b) ?? {}), s = v(
-    Object.fromEntries(f.map((t) => [t, []]))
+  const u = r(() => f(d) ?? []), i = r(() => f(b) ?? {}), s = y(
+    Object.fromEntries(m.map((t) => [t, []]))
   ), c = () => {
     const t = Object.fromEntries(
-      f.map((e) => [e, []])
+      m.map((e) => [e, []])
     );
     u.value.forEach((e) => {
       if (!(!e || !e.type)) {
@@ -28,33 +28,36 @@ function C({
       }
     }), s.value = t;
   };
-  y(u, c, { deep: !0, immediate: !0 });
+  g(u, c, { deep: !0, immediate: !0 });
   const a = (t) => {
     var n;
     const e = (n = i.value[t]) == null ? void 0 : n.attributeId;
-    return e ? u.value.find((A) => A.id === e) ?? null : null;
-  }, p = r(() => {
+    return e ? u.value.find((v) => {
+      var p;
+      return (p = v.id) == null ? void 0 : p.includes(e);
+    }) ?? null : null;
+  }, l = r(() => {
     const t = o.value;
     return t ? a(t) : null;
-  }), h = r(() => {
+  }), A = r(() => {
     const t = o.value;
     if (!t || t === "phone")
       return !1;
-    const e = p.value, n = i.value[t];
+    const e = l.value, n = i.value[t];
     return !!(e && (n != null && n.channelId));
   });
   return {
     organizedContactAttributes: s,
     organizeContactAttributes: c,
-    recentAttribute: p,
+    recentAttribute: l,
     getRecentAttributeByType: a,
-    showRecentAttribute: h,
+    showRecentAttribute: A,
     isAttributeFrozen: (t) => {
-      const e = d.value;
+      const e = h.value;
       return !t || !(e != null && e.id) ? !1 : t.id === e.id;
     }
   };
 }
 export {
-  C as useCommunicationAttributes
+  w as useCommunicationAttributes
 };

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

@@ -1,36 +1,40 @@
-import { watch as m, unref as f } from "vue";
-import { CHANNEL_TYPES as h } from "./useCommunicationChannels.js";
-function v({
-  selectedChannelType: n,
-  selectedChannel: l,
-  channels: t,
-  selectedDialog: c
+import { watch as d, unref as p } from "vue";
+import { CHANNEL_TYPES as v } from "./useCommunicationChannels.js";
+function b({
+  selectedChannelType: e,
+  selectedChannel: u,
+  channels: c,
+  selectedDialog: i,
+  isChannelEmpty: m,
+  isNewDialog: o,
+  showDefaultChannelTooltipWithTimer: f,
+  clearDefaultChannelTooltip: l
 }) {
-  const u = (e) => {
-    if (!e || !e.channelId) {
-      n.value = null, l.value = {};
+  const r = (n) => {
+    if (!n || !n.channelId) {
+      e.value = null, u.value = {}, l();
       return;
     }
-    const r = e.channelId ? e.channelId.split(".")[0] : null, a = r ? d(r) : null;
-    if (a) {
-      n.value = a;
-      const i = t.value.find((o) => o.channelId === e.channelId);
-      l.value = i ?? {};
+    const a = n.channelId ? n.channelId.split(".")[0] : null, t = a ? I(a) : null;
+    if (t) {
+      e.value = t;
+      const h = c.value.find((s) => s.channelId === n.channelId);
+      u.value = h ?? {}, m(n.channelId) && o.value ? f() : l();
     }
   };
-  return m(
-    () => f(c),
-    (e) => {
-      u(e ?? null);
+  return d(
+    () => p(i),
+    (n) => {
+      r(n ?? null);
     },
     { immediate: !0, deep: !0 }
   ), {
-    updateSelectedChannelFromDialog: u
+    updateSelectedChannelFromDialog: r
   };
 }
-function d(n) {
-  return n.includes("waba") ? "whatsapp" : n.includes("telegrambot") ? "telegram" : h.includes(n) ? n : null;
+function I(e) {
+  return e.includes("waba") ? "whatsapp" : e.includes("telegrambot") ? "telegram" : v.includes(e) ? e : null;
 }
 export {
-  v as useCommunicationDialogSync
+  b as useCommunicationDialogSync
 };

package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js

@@ -0,0 +1,7 @@
+import o from "./DelimiterMessage.vue2.js";
+/* empty css                      */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ac955b7"]]);
+export {
+  m as default
+};

package/dist/components/2_feed_elements/DelimiterMessage/DelimiterMessage.vue2.js

@@ -0,0 +1,18 @@
+import { defineComponent as t, createElementBlock as s, openBlock as r, createElementVNode as o, toDisplayString as a } from "vue";
+const i = { class: "delimiter-message__container" }, n = { class: "delimiter-message__text" }, l = /* @__PURE__ */ t({
+  __name: "DelimiterMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (c, m) => (r(), s("div", i, [
+      o("p", n, a(e.message.text), 1)
+    ]));
+  }
+});
+export {
+  l as default
+};

package/dist/components/3_compounds/Feed/composables/useFeedComponents.js

@@ -1,29 +1,31 @@
 import s from "../../../2_feed_elements/AudioMessage/AudioMessage.vue.js";
 import m from "../../../2_feed_elements/CallMessage/CallMessage.vue.js";
 import o from "../../../2_feed_elements/FileMessage/FileMessage.vue.js";
-import t from "../../../2_feed_elements/ImageMessage/ImageMessage.vue.js";
-import r from "../../../2_feed_elements/TextMessage/TextMessage.vue.js";
+import r from "../../../2_feed_elements/ImageMessage/ImageMessage.vue.js";
+import t from "../../../2_feed_elements/TextMessage/TextMessage.vue.js";
 import a from "../../../2_feed_elements/VideoMessage/VideoMessage.vue.js";
-import g from "../../../2_feed_elements/DateMessage/DateMessage.vue.js";
-import i from "../../../2_feed_elements/SystemMessage/SystemMessage.vue.js";
+import i from "../../../2_feed_elements/DateMessage/DateMessage.vue.js";
+import g from "../../../2_feed_elements/SystemMessage/SystemMessage.vue.js";
 import p from "../../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
 import n from "../../../2_feed_elements/StickerMessage/StickerMessage.vue.js";
-function T() {
+import f from "../../../2_feed_elements/DelimiterMessage/DelimiterMessage.vue.js";
+function v() {
   return {
     componentsMap: (e) => ({
-      "message.text": r,
-      "message.image": t,
+      "message.text": t,
+      "message.image": r,
       "message.file": o,
       "message.audio": s,
       "message.video": a,
       "message.call": m,
       "message.sticker": n,
-      "message.system": i,
-      "system.date": g,
-      "message.typing": p
+      "message.system": g,
+      "system.date": i,
+      "message.typing": p,
+      "message.delimiter": f
     })[e]
   };
 }
 export {
-  T as useFeedComponents
+  v as useFeedComponents
 };