@mobilon-dev/chotto 0.3.83 → 0.3.85

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
 };

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

@@ -3,6 +3,7 @@ import z from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import { useTheme as B } from "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
@@ -21,7 +22,7 @@ const j = { class: "preview__container" }, F = { class: "preview__block" }, O =
 }, ee = {
   key: 2,
   class: "preview__audio-time"
-}, ie = { class: "preview__reset" }, te = ["src"], le = ["src"], pe = /* @__PURE__ */ V({
+}, ie = { class: "preview__reset" }, te = ["src"], le = ["src"], _e = /* @__PURE__ */ V({
   __name: "FilePreview",
   props: {
     fileInfo: {
@@ -156,5 +157,5 @@ const j = { class: "preview__container" }, F = { class: "preview__block" }, O =
   }
 });
 export {
-  pe as default
+  _e as default
 };

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

@@ -4,6 +4,7 @@ import { uploadFile as J } from "../../../hooks/uploadFile/uploadFile.js";
 import { useMessageDraft as K } 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";
@@ -16,7 +17,7 @@ const W = {
 }, X = {
   key: 1,
   class: "file-uploader__status file-uploader__status--error"
-}, Y = ["disabled"], ce = /* @__PURE__ */ O({
+}, Y = ["disabled"], de = /* @__PURE__ */ O({
   __name: "FileUploader",
   props: {
     filebumpUrl: {
@@ -148,5 +149,5 @@ const W = {
   }
 });
 export {
-  ce as default
+  de as default
 };

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

@@ -2,6 +2,7 @@ import { defineComponent as Ee, ref as i, inject as Fe, computed as p, watchEffe
 import { useMessageDraft as De } 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";
@@ -22,7 +23,7 @@ const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseente
 }, Xe = ["onClick", "onMouseenter"], Ye = ["src"], Ge = ["src", "alt"], Ke = ["src"], qe = ["src", "alt"], Je = {
   key: 2,
   class: "sticker-picker__preview-label"
-}, Qe = 700, ut = /* @__PURE__ */ Ee({
+}, Qe = 700, vt = /* @__PURE__ */ Ee({
   __name: "StickerPicker",
   props: {
     state: { default: "active" },
@@ -331,5 +332,5 @@ const We = { class: "sticker-picker__container" }, Ne = ["onClick", "onMouseente
   }
 });
 export {
-  ut as default
+  vt as default
 };

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

@@ -1,7 +1,8 @@
-import { inject as j, ref as c, computed as m, onMounted as G, unref as p, createElementBlock as o, openBlock as a, createElementVNode as e, normalizeClass as b, createCommentVNode as S, Fragment as V, renderList as x, withDirectives as E, vModelRadio as H, toDisplayString as w, vModelText as J, normalizeStyle as K } from "vue";
+import { inject as j, ref as c, computed as m, onMounted as G, unref as p, createElementBlock as s, openBlock as a, createElementVNode as e, normalizeClass as b, createCommentVNode as S, Fragment as V, renderList as x, withDirectives as E, vModelRadio as H, toDisplayString as w, vModelText as J, normalizeStyle as K } from "vue";
 import { useMessageDraft as X } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 import Y from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
@@ -10,7 +11,7 @@ import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import Z from "../../3_compounds/Feed/assets/chat-background.svg.js";
 /* empty css                      */
-const ee = { class: "template-selector" }, te = ["id"], le = { style: { display: "flex" } }, se = { style: { display: "flex" } }, oe = {
+const ee = { class: "template-selector" }, te = ["id"], le = { style: { display: "flex" } }, oe = { style: { display: "flex" } }, se = {
   key: 0,
   class: "template-selector__button-close"
 }, ae = {
@@ -84,7 +85,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
     });
     return G(() => {
       y(), p(C) && Q.observe(p(C));
-    }), (t, l) => (a(), o("div", ee, [
+    }), (t, l) => (a(), s("div", ee, [
       e("div", {
         id: "template-selector-container-" + p(r),
         ref_key: "refContainer",
@@ -95,14 +96,14 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
         })
       }, [
         e("div", le, [
-          e("div", se, [
-            $.value ? (a(), o("button", oe, [
+          e("div", oe, [
+            $.value ? (a(), s("button", se, [
               e("span", {
                 class: "pi pi-arrow-left",
                 onClick: A
               })
             ])) : S("", !0),
-            z.value ? (a(), o("button", ae, [
+            z.value ? (a(), s("button", ae, [
               e("span", {
                 class: "pi pi-arrow-right",
                 onClick: q
@@ -112,7 +113,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
           e("button", re, [
             e("span", {
               class: "pi pi-times",
-              onClick: l[0] || (l[0] = (s) => t.$emit("closeTemplateWindow"))
+              onClick: l[0] || (l[0] = (o) => t.$emit("closeTemplateWindow"))
             })
           ])
         ]),
@@ -122,28 +123,28 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
             class: "template-selector__first-col"
           }, [
             e("ul", ie, [
-              (a(!0), o(V, null, x(_.groupTemplates, (s, g) => (a(), o("li", {
+              (a(!0), s(V, null, x(_.groupTemplates, (o, g) => (a(), s("li", {
                 key: g,
-                class: b(["template-selector__item-group", { "template-selector__item-selected": u.value === s }]),
+                class: b(["template-selector__item-group", { "template-selector__item-selected": u.value === o }]),
                 onClick: O
               }, [
                 e("label", pe, [
-                  s.iconUrl ? (a(), o("img", {
+                  o.iconUrl ? (a(), s("img", {
                     key: 0,
                     class: "template-selector__item-group-icon",
-                    src: s.iconUrl,
-                    alt: s.title
+                    src: o.iconUrl,
+                    alt: o.title
                   }, null, 8, de)) : S("", !0),
                   E(e("input", {
                     id: g,
                     "onUpdate:modelValue": l[1] || (l[1] = (P) => u.value = P),
-                    value: s,
+                    value: o,
                     class: "template-selector__input-group",
                     type: "radio"
                   }, null, 8, ue), [
                     [H, u.value]
                   ]),
-                  e("span", null, w(s.title), 1)
+                  e("span", null, w(o.title), 1)
                 ])
               ], 2))), 128))
             ])
@@ -154,7 +155,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
           }, [
             e("div", _e, [
               E(e("input", {
-                "onUpdate:modelValue": l[2] || (l[2] = (s) => k.value = s),
+                "onUpdate:modelValue": l[2] || (l[2] = (o) => k.value = o),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
@@ -163,18 +164,18 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
               ])
             ]),
             e("div", ve, [
-              I.value.length !== 0 ? (a(), o("ul", fe, [
-                (a(!0), o(V, null, x(I.value, (s, g) => (a(), o("li", {
+              I.value.length !== 0 ? (a(), s("ul", fe, [
+                (a(!0), s(V, null, x(I.value, (o, g) => (a(), s("li", {
                   key: g,
-                  class: b(["template-selector__item-template", { "template-selector__item-selected": s.isSelected }]),
-                  onClick: (P) => F(s)
+                  class: b(["template-selector__item-template", { "template-selector__item-selected": o.isSelected }]),
+                  onClick: (P) => F(o)
                 }, [
                   e("div", ye, [
-                    e("p", ge, w(s.title), 1),
-                    e("p", we, w(s.template), 1)
+                    e("p", ge, w(o.title), 1),
+                    e("p", we, w(o.template), 1)
                   ])
                 ], 10, he))), 128))
-              ])) : (a(), o("p", ke, " Шаблоны отсутствуют "))
+              ])) : (a(), s("p", ke, " Шаблоны отсутствуют "))
             ])
           ], 8, me),
           e("div", {
@@ -185,12 +186,12 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
               class: "template-selector__preview-container",
               style: K({ backgroundImage: `url(${U.value})` })
             }, [
-              v.value ? (a(), o("div", Te, [
+              v.value ? (a(), s("div", Te, [
                 e("div", be, [
                   e("p", Se, w(v.value.template), 1),
                   l[3] || (l[3] = e("p", { class: "template-selector__preview-time" }, " 22:22 ", -1))
                 ])
-              ])) : (a(), o("p", Be, " Предпросмотр шаблона "))
+              ])) : (a(), s("p", Be, " Предпросмотр шаблона "))
             ], 4),
             e("button", {
               class: "template-selector__button-paste",
@@ -201,7 +202,7 @@ const ee = { class: "template-selector" }, te = ["id"], le = { style: { display:
       ], 10, te)
     ]));
   }
-}, qe = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
+}, De = /* @__PURE__ */ Y(Ie, [["__scopeId", "data-v-23622175"]]);
 export {
-  qe as default
+  De as default
 };

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

@@ -2,13 +2,14 @@ import { defineComponent as N, inject as O, ref as c, watch as U, onMounted as W
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import { useTheme as oe } from "../../../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 { t as f } from "../../../locale/useLocale.js";
-const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], we = /* @__PURE__ */ N({
+const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le = ["title"], ae = ["title"], ue = ["title"], Ce = /* @__PURE__ */ N({
   __name: "TextFormatToolbar",
   props: {
     textarea: {
@@ -207,5 +208,5 @@ const ne = ["data-theme"], ie = ["title"], se = ["title"], re = ["title"], le =
   }
 });
 export {
-  we as default
+  Ce as default
 };

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

@@ -4,6 +4,7 @@ import { uploadFile as N } from "../../../hooks/uploadFile/uploadFile.js";
 import "../../../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";
@@ -12,7 +13,7 @@ import "../../../functions/parseMarkdown.js";
 const O = ["accept"], B = { class: "attachment-section__info" }, G = {
   key: 2,
   class: "attachment-section__error-text"
-}, Q = /* @__PURE__ */ E({
+}, Y = /* @__PURE__ */ E({
   __name: "WABAAttachmentSection",
   props: {
     type: {
@@ -123,5 +124,5 @@ const O = ["accept"], B = { class: "attachment-section__info" }, G = {
   }
 });
 export {
-  Q as default
+  Y as default
 };