@mobilon-dev/chotto 0.3.84 → 0.3.86

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

@@ -1,6 +1,6 @@
 import { needsAttributeConfirmation as m } from "./useCommunicationAttributes.js";
-import { resolveRecentChannelSelection as J } from "./useCommunicationRecentSelection.js";
-function Y({
+import { resolveRecentChannelSelection as K } from "./useCommunicationRecentSelection.js";
+function Z({
   activeChannelType: l,
   channels: v,
   selectedChannel: i,
@@ -9,7 +9,8 @@ function Y({
   confirmingAttributeId: q,
   isAttributeBlocked: u,
   closeMenu: a,
-  hasMultipleChannels: A,
+  pinMenuOpen: A,
+  hasMultipleChannels: G,
   getSingleChannelForType: x,
   getAvailableChannels: C,
   isChannelEmpty: d,
@@ -20,13 +21,13 @@ function Y({
   panelPendingSelection: f
 }) {
   const b = (n, e, r) => {
-    u(n) || (q.value = n.id, t("confirm-attribute", {
+    u(n) || (A(), q.value = n.id, t("confirm-attribute", {
       attributeId: n.id,
       channelId: e,
       channelType: r,
       attribute: n
     }));
-  }, G = (n, e, r) => {
+  }, H = (n, e, r) => {
     if (m(n)) {
       b(n, e, r);
       return;
@@ -60,34 +61,36 @@ function Y({
           h(n);
           return;
         }
-        if (!A(e)) {
+        if (!G(e)) {
           const r = x(e);
-          r && G(n, r.channelId, e);
+          r && H(n, r.channelId, e);
         }
       }
     },
     selectSingleChannel: j,
     selectChannel: (n) => {
       const e = z.value, r = l.value;
-      if (!e || !r || u(e)) {
+      if (!e || !r) {
         a();
         return;
       }
-      if (m(e)) {
-        b(e, n, r);
-        return;
+      if (!u(e)) {
+        if (m(e)) {
+          b(e, n, r);
+          return;
+        }
+        t("select-attribute-channel", {
+          attributeId: e.id,
+          channelId: n
+        }), s.value = r, i.value = v.value.find((c) => c.channelId === n) ?? {}, d(n) && I.value ? R() : S(), a();
       }
-      t("select-attribute-channel", {
-        attributeId: e.id,
-        channelId: n
-      }), s.value = r, i.value = v.value.find((c) => c.channelId === n) ?? {}, d(n) && I.value ? R() : S(), a();
     },
     availableChannels: () => {
       const n = l.value;
       return n ? C(n) : [];
     },
     applyRecentChannelButtonSelection: (n, e, r) => {
-      const c = J(
+      const c = K(
         n,
         e,
         r,
@@ -104,7 +107,7 @@ function Y({
       }), t("select-attribute-channel", {
         attributeId: P.id,
         channelId: o
-      }), s.value = n, i.value = v.value.find((H) => H.channelId === o) ?? {}, d(o) && I.value ? R() : S(), !0);
+      }), s.value = n, i.value = v.value.find((J) => J.channelId === o) ?? {}, d(o) && I.value ? R() : S(), !0);
     },
     clearPanelPendingSelection: () => {
       f && (f.value = null);
@@ -112,5 +115,5 @@ function Y({
   };
 }
 export {
-  Y as useCommunicationActions
+  Z as useCommunicationActions
 };

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

@@ -1,45 +1,50 @@
-import { ref as l, nextTick as f } from "vue";
-function M({
-  panelRef: v,
-  selectedChannelType: d,
-  frozenAttribute: c
+import { ref as n, nextTick as p } from "vue";
+function w({
+  panelRef: d,
+  selectedChannelType: h,
+  frozenAttribute: r
 }) {
-  const n = l(null), h = l(null), u = l(!1), a = l(!1), s = l(!1), t = () => {
-    u.value = !1, n.value = null, c.value = null, a.value = !1;
-  }, C = () => {
-    s.value = !0, f(() => {
-      f(() => {
-        s.value = !1;
+  const u = n(null), C = n(null), a = n(!1), s = n(!1), t = n(!1), l = n(!1), i = () => {
+    l.value = !1, a.value = !1, u.value = null, r.value = null, s.value = !1;
+  }, m = () => {
+    l.value = !0;
+  }, c = () => {
+    t.value = !0, p(() => {
+      p(() => {
+        t.value = !1;
       });
     });
-  }, i = (e) => {
-    n.value = e, u.value = !0, a.value = !1, c.value = null, C();
+  }, f = (e) => {
+    l.value = !1, u.value = e, a.value = !0, s.value = !1, r.value = null, c();
   };
   return {
-    activeChannelType: n,
-    hoveredChannel: h,
-    showMenu: u,
-    showSubMenu: a,
+    activeChannelType: u,
+    hoveredChannel: C,
+    showMenu: a,
+    showSubMenu: s,
+    retainOpenUntilDismiss: l,
     handleChannelClick: (e) => {
-      if (d.value === e && n.value === e) {
-        t();
+      if (h.value === e && u.value === e) {
+        i();
         return;
       }
-      i(e);
+      f(e);
     },
-    openMenu: i,
-    closeMenu: t,
+    openMenu: f,
+    closeMenu: i,
+    pinMenuOpen: m,
+    armOutsideClickSuppression: c,
     handleClickOutside: (e) => {
-      if (s.value)
+      if (t.value || l.value)
         return;
-      const o = v.value;
+      const o = d.value;
       if (!o)
         return;
-      const r = typeof e.composedPath == "function" ? e.composedPath() : [];
-      Array.isArray(r) && r.includes(o) || o.contains(e.target) || t();
+      const v = typeof e.composedPath == "function" ? e.composedPath() : [];
+      Array.isArray(v) && v.includes(o) || o.contains(e.target) || i();
     }
   };
 }
 export {
-  M as useCommunicationMenu
+  w as useCommunicationMenu
 };

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

@@ -1,58 +1,67 @@
-import { ref as C } from "vue";
-function N({
-  activeChannelType: g,
-  showSubMenu: n,
-  frozenAttribute: o,
-  hoveredAttribute: b,
-  hasMultipleChannels: h,
-  isAttributeBlocked: M
+import { ref as E } from "vue";
+function O({
+  activeChannelType: S,
+  showSubMenu: u,
+  frozenAttribute: n,
+  hoveredAttribute: c,
+  confirmingAttributeId: v,
+  retainOpenUntilDismiss: i,
+  hasMultipleChannels: b,
+  isAttributeBlocked: f
 }) {
-  const t = C(0);
+  const l = E(0), y = () => i.value || !!v.value || f(c.value ?? n.value);
   return {
-    subMenuTop: t,
-    handleAttributeMouseEnter: (e, l) => {
-      const u = g.value;
-      return !u || !h(u) || M(e) ? null : (b.value = e, n.value = !0, o.value = e, l);
+    subMenuTop: l,
+    handleAttributeMouseEnter: (e, o) => {
+      const t = S.value;
+      if (!t || !b(t))
+        return null;
+      if (i.value || v.value) {
+        const a = n.value ?? c.value;
+        if (u.value || a && a.id !== e.id)
+          return null;
+      }
+      return c.value = e, u.value = !0, n.value = e, o;
     },
     handleAttributeMouseLeave: () => {
-      n.value || (o.value = null);
+      u.value || (n.value = null);
     },
     keepSubMenuOpen: () => {
-      n.value = !0;
+      u.value = !0;
     },
     closeSubMenu: () => {
-      n.value = !1, o.value = null;
+      y() || (u.value = !1, n.value = null);
     },
-    alignSubMenuWithTarget: (e, l) => {
-      var u, r, s;
-      if (!l) {
-        t.value = 0;
+    alignSubMenuWithTarget: (e, o) => {
+      var t, a, d;
+      if (!o) {
+        l.value = 0;
         return;
       }
       try {
-        const i = (u = e.value) == null ? void 0 : u.querySelector(".attributes-menu"), a = (r = e.value) == null ? void 0 : r.querySelector(".sub-menu-header"), v = (s = e.value) == null ? void 0 : s.querySelector(".sub-menu");
-        if (!i) {
-          t.value = 0;
+        const p = (t = e.value) == null ? void 0 : t.querySelector(".attributes-menu"), s = (a = e.value) == null ? void 0 : a.querySelector(".sub-menu-header"), m = (d = e.value) == null ? void 0 : d.querySelector(".sub-menu");
+        if (!p) {
+          l.value = 0;
           return;
         }
-        const S = i.getBoundingClientRect(), y = l.getBoundingClientRect();
-        let m = 0;
-        if (a) {
-          const c = a.getBoundingClientRect(), f = getComputedStyle(a), p = parseFloat(f.marginBottom || "0");
-          m = c.height + (Number.isNaN(p) ? 0 : p);
+        const B = p.getBoundingClientRect(), C = o.getBoundingClientRect();
+        let g = 0;
+        if (s) {
+          const r = s.getBoundingClientRect(), T = getComputedStyle(s), h = parseFloat(T.marginBottom || "0");
+          g = r.height + (Number.isNaN(h) ? 0 : h);
         }
-        let d = 0;
-        if (v) {
-          const c = getComputedStyle(v);
-          d = parseFloat(c.paddingTop || "0") || 0;
+        let M = 0;
+        if (m) {
+          const r = getComputedStyle(m);
+          M = parseFloat(r.paddingTop || "0") || 0;
         }
-        t.value = y.top - S.top - m - d - 2;
+        l.value = C.top - B.top - g - M - 2;
       } catch {
-        t.value = 0;
+        l.value = 0;
       }
     }
   };
 }
 export {
-  N as useCommunicationSubMenu
+  O as useCommunicationSubMenu
 };

package/dist/components/2_blocks/FeedSearch/FeedSearch.vue2.js

@@ -4,12 +4,13 @@ import { useDelayDebouncedRef as b } from "../../../hooks/useDelayDebouncedRef.j
 import "../../../hooks/useMessageDraft.js";
 import { useSearchModel as A } from "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], O = /* @__PURE__ */ _({
+const E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], Q = /* @__PURE__ */ _({
   __name: "FeedSearch",
   props: {
     isFeedLocation: {
@@ -19,19 +20,19 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
   },
   emits: ["search", "cancel", "switch"],
   setup(a, { emit: u }) {
-    const f = y("chatAppId"), { getModel: e } = A(f), c = u, l = a, i = v(), s = b("", 500), h = S(() => l.isFeedLocation ? "40px" : (l.isFeedLocation, "20px"));
+    const f = y("chatAppId"), { getModel: e } = A(f), i = u, l = a, c = v(), s = b("", 500), h = S(() => l.isFeedLocation ? "40px" : (l.isFeedLocation, "20px"));
     k(
       () => [e().text, s.value],
       () => {
-        s.value == e().text ? c("search", e().text) : s.value = e().text;
+        s.value == e().text ? i("search", e().text) : s.value = e().text;
       }
     );
     const x = () => {
-      const t = o(i);
-      t && (t.value = ""), e().text = "", c("cancel");
+      const t = o(c);
+      t && (t.value = ""), e().text = "", i("cancel");
     };
     return F(() => {
-      const t = o(i);
+      const t = o(c);
       t == null || t.focus();
     }), (t, n) => (m(), g(L, null, {
       default: w(() => [
@@ -39,7 +40,7 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
           r("span", N, D(o(d)("component.FeedSearch.SearchLabel")), 1),
           C(r("input", {
             ref_key: "refInput",
-            ref: i,
+            ref: c,
             "onUpdate:modelValue": n[0] || (n[0] = (p) => o(e)().text = p),
             class: "feed-search__input",
             type: "text",
@@ -56,7 +57,7 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
-            onClick: n[1] || (n[1] = (p) => c("switch"))
+            onClick: n[1] || (n[1] = (p) => i("switch"))
           })) : B("", !0)
         ])
       ]),
@@ -65,5 +66,5 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
   }
 });
 export {
-  O as default
+  Q as default
 };

package/dist/components/2_chatinput_elements/ButtonCommandsSelector/ButtonCommandsSelector.vue2.js

@@ -1,14 +1,15 @@
-import { defineComponent as p, inject as g, useTemplateRef as C, watch as h, createBlock as n, openBlock as m, Transition as x, withCtx as i, createCommentVNode as y, unref as d, createElementVNode as B, normalizeClass as M } from "vue";
+import { defineComponent as p, inject as g, useTemplateRef as C, watch as h, createBlock as n, openBlock as m, Transition as x, withCtx as i, createCommentVNode as y, unref as r, createElementVNode as B, normalizeClass as M } from "vue";
 import { useMessageDraft as b } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import k from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-const T = /* @__PURE__ */ p({
+const V = /* @__PURE__ */ p({
   __name: "ButtonCommandsSelector",
   props: {
     commands: {
@@ -27,8 +28,8 @@ const T = /* @__PURE__ */ p({
     }
   },
   emits: ["send"],
-  setup(e, { emit: r }) {
-    const c = e, l = r, u = g("chatAppId"), { getMessage: s } = b(u), a = C("refBCM"), f = (t) => {
+  setup(e, { emit: d }) {
+    const c = e, l = d, u = g("chatAppId"), { getMessage: s } = b(u), a = C("refBCM"), f = (t) => {
       console.log(t);
       const o = {
         type: "message.command",
@@ -50,13 +51,13 @@ const T = /* @__PURE__ */ p({
           ref: a,
           "menu-side": "top",
           mode: e.mode,
-          disabled: d(s)().isRecording || e.state == "disabled",
+          disabled: r(s)().isRecording || e.state == "disabled",
           actions: e.commands,
           onClick: f
         }, {
           default: i(() => [
             B("span", {
-              class: M(["commands__trigger", { commands__disabled: d(s)().isRecording || e.state == "disabled" }])
+              class: M(["commands__trigger", { commands__disabled: r(s)().isRecording || e.state == "disabled" }])
             }, " / ", 2)
           ]),
           _: 1
@@ -67,5 +68,5 @@ const T = /* @__PURE__ */ p({
   }
 });
 export {
-  T as default
+  V as default
 };

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.js

@@ -1,7 +1,7 @@
 import o from "./ButtonEmojiPicker.vue2.js";
 /* empty css                       */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bce30537"]]);
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e67f8c2a"]]);
 export {
-  e as default
+  c as default
 };

package/dist/components/2_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue2.js

@@ -1,16 +1,17 @@
-import { defineComponent as A, ref as l, inject as D, computed as W, watchEffect as z, onMounted as R, onUnmounted as U, createElementBlock as j, openBlock as C, Fragment as $, createCommentVNode as q, createVNode as g, unref as b, normalizeClass as G, createElementVNode as B, Transition as J, withCtx as K, withDirectives as Q, vShow as X } from "vue";
-import Y from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
+import { defineComponent as D, ref as l, inject as W, watch as z, computed as R, watchEffect as U, onMounted as $, onUnmounted as q, createElementBlock as j, openBlock as C, Fragment as G, createCommentVNode as J, createVNode as g, unref as b, normalizeClass as K, createElementVNode as B, Transition as Q, withCtx as X, withDirectives as Y, vShow as Z } from "vue";
+import ee from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
-import { useMessageDraft as Z } from "../../../hooks/useMessageDraft.js";
+import { useMessageDraft as te } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import { useEmojiNative as oe } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import ee from "./icons/SmilesIcon.vue.js";
-const ve = /* @__PURE__ */ A({
+import ne from "./icons/SmilesIcon.vue.js";
+const ke = /* @__PURE__ */ D({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -23,63 +24,73 @@ const ve = /* @__PURE__ */ A({
       // или 'hover'
       validator: (r) => ["click", "hover"].includes(r)
     },
+    /**
+     * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
+     * Значение пишется в общий store чата (useEmojiNative).
+     */
     native: {
       type: Boolean,
       default: !0
     }
   },
   setup(r) {
-    const t = r, v = l(null), f = l(null), o = l(!1), M = l("light"), i = D("chatAppId"), { setMessageText: P, getMessage: E } = Z(i), c = l("#5F5F5F"), u = l("#404040"), h = l(!1);
+    const t = r, v = l(null), f = l(null), o = l(!1), E = l("light"), i = W("chatAppId"), { setMessageText: P, getMessage: M } = te(i), { setNative: w } = oe(i);
+    z(
+      () => t.native,
+      (e) => w(e),
+      { immediate: !0 }
+    );
+    const c = l("#5F5F5F"), s = l("#404040"), h = l(!1);
     let a = null;
     const p = () => {
       if (!i) {
-        c.value = "#5F5F5F", u.value = "#404040";
+        c.value = "#5F5F5F", s.value = "#404040";
         return;
       }
       const e = document.getElementById(i);
       if (!e) {
-        c.value = "#5F5F5F", u.value = "#404040";
+        c.value = "#5F5F5F", s.value = "#404040";
         return;
       }
-      const n = window.getComputedStyle(e), d = n.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), H = n.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
-      c.value = d || "#5F5F5F", u.value = H || "#404040";
-    }, w = W(() => h.value ? u.value : c.value);
-    z(() => {
+      const n = window.getComputedStyle(e), d = n.getPropertyValue("--chotto-buttonemojipicker-button-span-color").trim(), A = n.getPropertyValue("--chotto-buttonemojipicker-button-span-hover-color").trim();
+      c.value = d || "#5F5F5F", s.value = A || "#404040";
+    }, I = R(() => h.value ? s.value : c.value);
+    U(() => {
       p();
     });
-    let s = !1, m = !1;
-    const I = () => {
+    let u = !1, m = !1;
+    const N = () => {
       var n;
       const e = document.getElementById(i);
       return (n = e == null ? void 0 : e.getAttribute("data-theme")) != null && n.includes("dark") ? "dark" : "light";
     }, S = (e) => {
-      P(E().text + e.i), t.mode === "click" && (o.value = !1);
+      P(M().text + e.i), t.mode === "click" && (o.value = !1);
     }, y = () => {
-      t.state === "active" && (M.value = I(), o.value = !0);
+      t.state === "active" && (E.value = N(), o.value = !0);
     }, k = () => {
       o.value = !1;
     }, _ = () => {
       t.mode === "click" && (o.value = !o.value, o.value && y());
     }, T = () => {
-      t.mode === "hover" && (s = !0, y());
+      t.mode === "hover" && (u = !0, y());
     }, V = () => {
-      t.mode === "hover" && (s = !1, setTimeout(() => {
-        !m && !s && k();
+      t.mode === "hover" && (u = !1, setTimeout(() => {
+        !m && !u && k();
       }, 150));
     }, x = () => {
       h.value = !0, T();
     }, L = () => {
       h.value = !1, V();
-    }, N = () => {
-      t.mode === "hover" && (m = !0);
     }, O = () => {
+      t.mode === "hover" && (m = !0);
+    }, H = () => {
       t.mode === "hover" && (m = !1, setTimeout(() => {
-        !s && !m && k();
+        !u && !m && k();
       }, 150));
     }, F = (e) => {
       t.mode === "click" && o.value && f.value && v.value && e.target instanceof Node && !f.value.contains(e.target) && !v.value.contains(e.target) && k();
     };
-    return R(() => {
+    return $(() => {
       if (document.addEventListener("click", F), p(), i) {
         const e = document.getElementById(i);
         e && (a = new MutationObserver((n) => {
@@ -91,39 +102,39 @@ const ve = /* @__PURE__ */ A({
           attributeFilter: ["data-theme"]
         }));
       }
-    }), U(() => {
+    }), q(() => {
       document.removeEventListener("click", F), a && (a.disconnect(), a = null);
-    }), (e, n) => (C(), j($, null, [
-      b(E)().isRecording ? q("", !0) : (C(), j("button", {
+    }), (e, n) => (C(), j(G, null, [
+      b(M)().isRecording ? J("", !0) : (C(), j("button", {
         key: 0,
         ref_key: "emojiButton",
         ref: f,
-        class: G(["button", { "button-disabled": r.state === "disabled" }]),
+        class: K(["button", { "button-disabled": r.state === "disabled" }]),
         onClick: _,
         onMouseenter: x,
         onMouseleave: L
       }, [
         B("span", null, [
-          g(b(ee), { fill: w.value }, null, 8, ["fill"])
+          g(b(ne), { fill: I.value }, null, 8, ["fill"])
         ])
       ], 34)),
-      g(J, null, {
-        default: K(() => [
-          Q(B("div", {
+      g(Q, null, {
+        default: X(() => [
+          Y(B("div", {
             ref_key: "emoji",
             ref: v,
             class: "emoji",
-            onMouseenter: N,
-            onMouseleave: O
+            onMouseenter: O,
+            onMouseleave: H
           }, [
-            g(b(Y), {
+            g(b(ee), {
               native: r.native,
-              theme: M.value,
+              theme: E.value,
               "picker-type": "",
               onSelect: S
             }, null, 8, ["native", "theme"])
           ], 544), [
-            [X, o.value]
+            [Z, o.value]
           ])
         ]),
         _: 1
@@ -132,5 +143,5 @@ const ve = /* @__PURE__ */ A({
   }
 });
 export {
-  ve as default
+  ke as default
 };

package/dist/components/2_chatinput_elements/ButtonTemplateSelector/ButtonTemplateSelector.vue2.js

@@ -4,13 +4,14 @@ import P from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import { useMessageDraft as j } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import z from "./icons/ChatTemplatesIcon.vue.js";
-const R = { class: "" }, oe = /* @__PURE__ */ T({
+const R = { class: "" }, le = /* @__PURE__ */ T({
   __name: "ButtonTemplateSelector",
   props: {
     templates: {
@@ -132,5 +133,5 @@ const R = { class: "" }, oe = /* @__PURE__ */ T({
   }
 });
 export {
-  oe as default
+  le as default
 };

package/dist/components/2_chatinput_elements/ButtonWabaTemplateSelector/ButtonWabaTemplateSelector.vue.js

@@ -1,8 +1,9 @@
-import { provide as h, inject as k, ref as r, onMounted as w, createElementBlock as i, openBlock as u, Fragment as B, createCommentVNode as W, createElementVNode as p, unref as S, normalizeClass as T, createVNode as M } from "vue";
+import { provide as h, inject as k, ref as s, onMounted as w, createElementBlock as i, openBlock as u, Fragment as B, createCommentVNode as W, createElementVNode as p, unref as S, normalizeClass as T, createVNode as M } from "vue";
 import V from "../WABATemplateSelector/WABATemplateSelector.vue.js";
 import { useMessageDraft as A } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 import q from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
@@ -49,7 +50,7 @@ const C = {
   setup(a, { emit: d }) {
     const t = a;
     h("filebumpUrl", t.filebumpUrl);
-    const m = k("chatAppId"), { getMessage: c } = A(m), f = r(null), e = r(null), y = d, v = () => {
+    const m = k("chatAppId"), { getMessage: c } = A(m), f = s(null), e = s(null), y = d, v = () => {
       t.mode == "click" && t.state == "active" && (e.value.style.display == "none" ? e.value.style.display = "inherit" : e.value.style.display == "inherit" && (e.value.style.display = "none"));
     }, o = () => {
       t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
@@ -64,7 +65,7 @@ const C = {
     const g = (n) => {
       y("sendWabaValues", n);
     };
-    return (n, s) => (u(), i(B, null, [
+    return (n, r) => (u(), i(B, null, [
       S(c)().isRecording ? W("", !0) : (u(), i("button", {
         key: 0,
         ref_key: "templateButton",
@@ -73,7 +74,7 @@ const C = {
         onClick: v,
         onMouseover: o,
         onMouseout: l
-      }, [...s[0] || (s[0] = [
+      }, [...r[0] || (r[0] = [
         p("span", { class: "pi pi-code" }, null, -1)
       ])], 34)),
       p("div", {
@@ -93,7 +94,7 @@ const C = {
       ], 544)
     ], 64));
   }
-}, J = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
+}, K = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
 export {
-  J as default
+  K as default
 };