@mobilon-dev/chotto 0.3.108 → 0.3.110

package/dist/components/1_atoms/ButtonContextMenu/ButtonContextMenu.vue2.js

@@ -1,9 +1,6 @@
-import { defineComponent as _, inject as I, useId as q, ref as m, onMounted as L, nextTick as y, onUnmounted as O, createElementBlock as T, openBlock as k, unref as c, createElementVNode as A, createBlock as N, renderSlot as R, Teleport as V, createVNode as j } from "vue";
+import { defineComponent as _, inject as I, useId as q, ref as f, onMounted as L, nextTick as y, onUnmounted as O, createElementBlock as T, openBlock as k, unref as c, createElementVNode as A, createBlock as N, renderSlot as R, Teleport as V, createVNode as j } from "vue";
 import P from "../ContextMenu/ContextMenu.vue.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
 import { useTheme as U } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -11,7 +8,7 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const $ = ["id"], te = /* @__PURE__ */ _({
+const $ = ["id"], Y = /* @__PURE__ */ _({
   __name: "ButtonContextMenu",
   props: {
     actions: {
@@ -35,8 +32,8 @@ const $ = ["id"], te = /* @__PURE__ */ _({
     }
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
-  setup(f, { expose: M, emit: C }) {
-    const s = I("chatAppId"), { getTheme: h } = U(s), i = f, p = q(), d = C, n = m(), r = m(), a = m(!1), b = (t) => {
+  setup(m, { expose: M, emit: C }) {
+    const r = I("chatAppId"), { getTheme: h } = U(r), i = m, p = q(), d = C, n = f(), s = f(), a = f(!1), b = (t) => {
       l(), d("click", t);
     }, x = () => {
       i.disabled || (i.mode == "click" && !a.value ? u() : i.mode == "click" && a.value && l(), d("buttonClick"));
@@ -49,8 +46,8 @@ const $ = ["id"], te = /* @__PURE__ */ _({
     }, E = () => {
       d("menuMouseLeave"), i.disabled || i.mode == "hover" && l();
     }, u = () => {
-      if (r.value && n.value) {
-        const t = n.value, e = r.value.getBoundingClientRect();
+      if (s.value && n.value) {
+        const t = n.value, e = s.value.getBoundingClientRect();
         t.style.display = "inherit";
         const o = n.value.getBoundingClientRect();
         t.style.display = "none", y(() => {
@@ -71,11 +68,11 @@ const $ = ["id"], te = /* @__PURE__ */ _({
         t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none", a.value = !1);
       }
     }, v = (t) => {
-      i.mode == "click" && r.value && !r.value.contains(t.target) && l();
+      i.mode == "click" && s.value && !s.value.contains(t.target) && l();
     };
     return L(() => {
       y(() => {
-        n.value = document.getElementById("context-menu-" + p + s), n.value && (l(), document.addEventListener("click", v));
+        n.value = document.getElementById("context-menu-" + p + r), n.value && (l(), document.addEventListener("click", v));
       });
     }), O(() => {
       document.removeEventListener("click", v);
@@ -83,9 +80,9 @@ const $ = ["id"], te = /* @__PURE__ */ _({
       updatePosition: u,
       hideMenu: l
     }), (t, e) => (k(), T("button", {
-      id: "container-" + c(p) + c(s),
+      id: "container-" + c(p) + c(r),
       ref_key: "actionScope",
-      ref: r,
+      ref: s,
       style: { position: "relative", width: "fit-content", border: "none", background: "transparent", height: "fit-content" },
       onMouseenter: w,
       onMouseleave: B
@@ -95,8 +92,8 @@ const $ = ["id"], te = /* @__PURE__ */ _({
       ]),
       (k(), N(V, { to: "body" }, [
         j(P, {
-          id: "context-menu-" + c(p) + c(s),
-          actions: f.actions,
+          id: "context-menu-" + c(p) + c(r),
+          actions: m.actions,
           "data-theme": c(h)().theme ? c(h)().theme : "light",
           onMouseenter: S,
           onMouseleave: E,
@@ -107,5 +104,5 @@ const $ = ["id"], te = /* @__PURE__ */ _({
   }
 });
 export {
-  te as default
+  Y as default
 };

package/dist/components/1_atoms/ContactContextMenu/ContactContextMenu.vue2.js

@@ -1,9 +1,6 @@
 import { defineComponent as V, inject as _, useId as R, ref as h, computed as j, onMounted as z, watch as P, onUnmounted as U, createElementBlock as D, openBlock as v, createElementVNode as M, normalizeClass as b, unref as a, createBlock as w, createVNode as F, Teleport as G, createCommentVNode as H, nextTick as A } from "vue";
 import J from "../ContextMenu/ContextMenu.vue.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
 import { useTheme as K } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -12,7 +9,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import Q from "../../1_icons/MenuIcon.vue.js";
-const W = { class: "contact-context-menu__wrapper" }, X = ["id"], de = /* @__PURE__ */ V({
+const W = { class: "contact-context-menu__wrapper" }, X = ["id"], se = /* @__PURE__ */ V({
   __name: "ContactContextMenu",
   props: {
     actions: {
@@ -130,5 +127,5 @@ const W = { class: "contact-context-menu__wrapper" }, X = ["id"], de = /* @__PUR
   }
 });
 export {
-  de as default
+  se as default
 };

package/dist/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.js

@@ -1,7 +1,4 @@
-import { defineComponent as g, inject as d, computed as m, createElementBlock as c, unref as h, openBlock as p, toDisplayString as v } from "vue";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
+import { defineComponent as g, inject as d, computed as m, createElementBlock as c, unref as h, openBlock as l, toDisplayString as v } from "vue";
 import { useEmojiNative as E } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
@@ -11,7 +8,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import { hasAppleEmojiImage as k, getAppleEmojiUrl as _, getAppleEmojiFallbackUrl as y } from "../../../functions/renderAppleEmojis.js";
-const A = ["src", "alt"], I = { key: 1 }, H = /* @__PURE__ */ g({
+const A = ["src", "alt"], I = { key: 1 }, G = /* @__PURE__ */ g({
   __name: "EmojiGlyph",
   props: {
     emoji: {
@@ -20,21 +17,21 @@ const A = ["src", "alt"], I = { key: 1 }, H = /* @__PURE__ */ g({
     }
   },
   setup(o) {
-    const t = o, l = d("chatAppId", ""), { isNative: n, emojiSrc: e } = E(l), s = m(() => k(t.emoji, e.value)), u = m(() => _(t.emoji, e.value)), j = m(() => y(t.emoji, e.value));
+    const e = o, n = d("chatAppId", ""), { isNative: s, emojiSrc: t } = E(n), p = m(() => k(e.emoji, t.value)), u = m(() => _(e.emoji, t.value)), j = m(() => y(e.emoji, t.value));
     function f(a) {
       const r = a.target, i = j.value;
       i && r.src !== i && (r.src = i);
     }
-    return (a, r) => !h(n) && s.value ? (p(), c("img", {
+    return (a, r) => !h(s) && p.value ? (l(), c("img", {
       key: 0,
       class: "chotto-emoji",
       src: u.value,
       alt: o.emoji,
       draggable: "false",
       onError: f
-    }, null, 40, A)) : (p(), c("span", I, v(o.emoji), 1));
+    }, null, 40, A)) : (l(), c("span", I, v(o.emoji), 1));
   }
 });
 export {
-  H as default
+  G as default
 };

package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js

@@ -1,8 +1,5 @@
-import { defineComponent as nt, inject as ut, useSlots as ft, ref as u, computed as s, onMounted as st, onUnmounted as ct, createElementBlock as m, openBlock as c, Fragment as C, createElementVNode as mt, createBlock as ht, renderSlot as W, Teleport as pt, createVNode as vt, Transition as gt, withCtx as dt, createCommentVNode as Tt, renderList as yt, normalizeStyle as wt, normalizeClass as xt, unref as M, createTextVNode as _t, toDisplayString as St, nextTick as L } from "vue";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
+import { defineComponent as nt, inject as ut, useSlots as ft, ref as u, computed as s, onMounted as st, onUnmounted as ct, createElementBlock as h, openBlock as c, Fragment as C, createElementVNode as ht, createBlock as mt, renderSlot as W, Teleport as pt, createVNode as vt, Transition as gt, withCtx as dt, createCommentVNode as Tt, renderList as yt, normalizeStyle as wt, normalizeClass as xt, unref as M, createTextVNode as _t, toDisplayString as St, nextTick as L } from "vue";
 import { useTheme as kt } from "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -10,7 +7,7 @@ import "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__ */ nt({
+const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, Vt = /* @__PURE__ */ nt({
   __name: "Tooltip",
   props: {
     text: {
@@ -57,7 +54,7 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
     }
   },
   setup(R, { expose: V }) {
-    const y = ut("chatAppId"), { getTheme: A } = kt(y), H = ft(), w = u(), h = u([]), f = u(!1), p = u(null), n = u(null), r = u(null), v = u(!1), g = u(!1), e = R, x = s(() => typeof H.content == "function"), j = s(() => ({
+    const y = ut("chatAppId"), { getTheme: A } = kt(y), H = ft(), w = u(), m = u([]), f = u(!1), p = u(null), n = u(null), r = u(null), v = u(!1), g = u(!1), e = R, x = s(() => typeof H.content == "function"), j = s(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
     })), q = s(() => ({
@@ -111,9 +108,9 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
         }
       }[e.position];
     }, D = () => {
-      if (!w.value || h.value.length === 0) return;
+      if (!w.value || m.value.length === 0) return;
       const t = w.value.getBoundingClientRect(), o = e.position.startsWith("top"), l = 8, i = y ? document.getElementById(y) : null, a = i == null ? void 0 : i.getBoundingClientRect(), Z = (a == null ? void 0 : a.top) ?? 0, b = (a == null ? void 0 : a.left) ?? 0, B = (a == null ? void 0 : a.right) ?? window.innerWidth, tt = (a == null ? void 0 : a.bottom) ?? window.innerHeight;
-      h.value.forEach((S, et) => {
+      m.value.forEach((S, et) => {
         const T = S.getBoundingClientRect(), k = G(t, T), O = et * (T.height + Lt), ot = o ? k.top - O : k.top + O, $ = Z + l, lt = tt - T.height - l, P = b + l, it = B - T.width - l, rt = Math.min(Math.max(ot, $), Math.max($, lt)), at = Math.min(Math.max(k.left, P), Math.max(P, it));
         S.style.top = `${rt}px`, S.style.left = `${at}px`;
       });
@@ -125,7 +122,7 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
       }, e.delay));
     }, _ = () => {
       e.trigger !== "auto" && (n.value && (clearTimeout(n.value), n.value = null), r.value && (clearTimeout(r.value), r.value = null), f.value = !1, L(() => {
-        M(h).forEach((o) => {
+        M(m).forEach((o) => {
           o.style.top = "0", o.style.left = "0";
         });
       }));
@@ -166,8 +163,8 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
       startAutoShow: Q,
       clearAutoTimer: d,
       hide: _
-    }), (t, o) => (c(), m(C, null, [
-      mt("div", {
+    }), (t, o) => (c(), h(C, null, [
+      ht("div", {
         ref_key: "container",
         ref: w,
         class: "tooltip-wrapper",
@@ -176,22 +173,22 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
       }, [
         W(t.$slots, "default", {}, void 0, !0)
       ], 544),
-      (c(), ht(pt, { to: "body" }, [
+      (c(), mt(pt, { to: "body" }, [
         vt(gt, null, {
           default: dt(() => [
-            f.value && F.value ? (c(), m("div", Ct, [
-              (c(!0), m(C, null, yt(z.value, (l, i) => (c(), m("span", {
+            f.value && F.value ? (c(), h("div", Ct, [
+              (c(!0), h(C, null, yt(z.value, (l, i) => (c(), h("span", {
                 key: `${l}-${i}`,
                 ref_for: !0,
                 ref_key: "tooltipItems",
-                ref: h,
+                ref: m,
                 "data-theme": M(A)().theme ? M(A)().theme : "light",
                 class: xt(j.value),
                 style: wt(q.value),
                 onMouseenter: Y,
                 onMouseleave: J
               }, [
-                x.value ? W(t.$slots, "content", { key: 0 }, void 0, !0) : (c(), m(C, { key: 1 }, [
+                x.value ? W(t.$slots, "content", { key: 0 }, void 0, !0) : (c(), h(C, { key: 1 }, [
                   _t(St(l), 1)
                 ], 64))
               ], 46, Mt))), 128))
@@ -204,5 +201,5 @@ const Ct = { key: 0 }, Mt = ["data-theme"], Lt = 6, At = 120, qt = /* @__PURE__
   }
 });
 export {
-  qt as default
+  Vt as default
 };

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

@@ -1,17 +1,14 @@
-import { defineComponent as _, inject as y, ref as v, computed as S, watch as k, onMounted as F, unref as o, createBlock as g, openBlock as m, Transition as L, withCtx as w, createElementVNode as n, withDirectives as C, createElementBlock as I, createCommentVNode as B, toDisplayString as D, vModelText as M, normalizeStyle as V } from "vue";
-import { t as d } from "../../../locale/useLocale.js";
+import { defineComponent as _, inject as y, ref as v, computed as S, watch as k, onMounted as F, unref as o, createBlock as g, openBlock as d, Transition as L, withCtx as w, createElementVNode as r, withDirectives as C, createElementBlock as I, createCommentVNode as B, toDisplayString as D, vModelText as M, normalizeStyle as V } from "vue";
+import { t as m } from "../../../locale/useLocale.js";
 import { useDelayDebouncedRef as b } from "../../../hooks/useDelayDebouncedRef.js";
-import "../../../hooks/useMessageDraft.js";
 import { useSearchModel as A } from "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* 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"], W = /* @__PURE__ */ _({
+const E = { class: "feed-search__container" }, N = { style: { "line-height": "40px" } }, T = ["placeholder"], K = /* @__PURE__ */ _({
   __name: "FeedSearch",
   props: {
     isFeedLocation: {
@@ -21,44 +18,44 @@ 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), i = u, l = a, c = v(), s = b("", 500), h = S(() => l.isFeedLocation ? "40px" : (l.isFeedLocation, "20px"));
+    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"));
     k(
       () => [e().text, s.value],
       () => {
-        s.value == e().text ? i("search", e().text) : s.value = e().text;
+        s.value == e().text ? c("search", e().text) : s.value = e().text;
       }
     );
     const x = () => {
-      const t = o(c);
-      t && (t.value = ""), e().text = "", i("cancel");
+      const t = o(i);
+      t && (t.value = ""), e().text = "", c("cancel");
     };
     return F(() => {
-      const t = o(c);
+      const t = o(i);
       t == null || t.focus();
-    }), (t, r) => (m(), g(L, null, {
+    }), (t, n) => (d(), g(L, null, {
       default: w(() => [
-        n("div", E, [
-          n("span", N, D(o(d)("component.FeedSearch.SearchLabel")), 1),
-          C(n("input", {
+        r("div", E, [
+          r("span", N, D(o(m)("component.FeedSearch.SearchLabel")), 1),
+          C(r("input", {
             ref_key: "refInput",
-            ref: c,
-            "onUpdate:modelValue": r[0] || (r[0] = (p) => o(e)().text = p),
+            ref: i,
+            "onUpdate:modelValue": n[0] || (n[0] = (p) => o(e)().text = p),
             class: "feed-search__input",
             type: "text",
-            placeholder: o(d)("component.FeedSearch.SearchPlaceholder")
+            placeholder: o(m)("component.FeedSearch.SearchPlaceholder")
           }, null, 8, T), [
             [M, o(e)().text]
           ]),
-          n("i", {
+          r("i", {
             class: "pi pi-times",
             style: V({ right: h.value }),
             onClick: x
           }, null, 4),
-          a.isFeedLocation ? (m(), I("span", {
+          a.isFeedLocation ? (d(), I("span", {
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
-            onClick: r[1] || (r[1] = (p) => i("switch"))
+            onClick: n[1] || (n[1] = (p) => c("switch"))
           })) : B("", !0)
         ])
       ]),
@@ -67,5 +64,5 @@ const E = { class: "feed-search__container" }, N = { style: { "line-height": "40
   }
 });
 export {
-  W as default
+  K as default
 };

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

@@ -1,8 +1,5 @@
-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 { 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 { useMessageDraft as b } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -11,7 +8,7 @@ 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 D = /* @__PURE__ */ p({
+const T = /* @__PURE__ */ p({
   __name: "ButtonCommandsSelector",
   props: {
     commands: {
@@ -30,8 +27,8 @@ const D = /* @__PURE__ */ p({
     }
   },
   emits: ["send"],
-  setup(e, { emit: d }) {
-    const c = e, l = d, u = g("chatAppId"), { getMessage: s } = b(u), a = C("refBCM"), f = (t) => {
+  setup(e, { emit: r }) {
+    const c = e, l = r, u = g("chatAppId"), { getMessage: s } = b(u), a = C("refBCM"), f = (t) => {
       console.log(t);
       const o = {
         type: "message.command",
@@ -53,13 +50,13 @@ const D = /* @__PURE__ */ p({
           ref: a,
           "menu-side": "top",
           mode: e.mode,
-          disabled: r(s)().isRecording || e.state == "disabled",
+          disabled: d(s)().isRecording || e.state == "disabled",
           actions: e.commands,
           onClick: f
         }, {
           default: i(() => [
             B("span", {
-              class: M(["commands__trigger", { commands__disabled: r(s)().isRecording || e.state == "disabled" }])
+              class: M(["commands__trigger", { commands__disabled: d(s)().isRecording || e.state == "disabled" }])
             }, " / ", 2)
           ]),
           _: 1
@@ -70,5 +67,5 @@ const D = /* @__PURE__ */ p({
   }
 });
 export {
-  D as default
+  T as default
 };

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

@@ -2,8 +2,6 @@ import { defineComponent as W, ref as a, inject as z, watch as F, computed as U,
 import te from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
 import { useMessageDraft as oe } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
 import { useEmojiNative as ne } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
@@ -13,7 +11,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import ie from "./icons/SmilesIcon.vue.js";
-const je = /* @__PURE__ */ W({
+const ge = /* @__PURE__ */ W({
   __name: "ButtonEmojiPicker",
   props: {
     state: {
@@ -167,5 +165,5 @@ const je = /* @__PURE__ */ W({
   }
 });
 export {
-  je as default
+  ge as default
 };

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

@@ -1,10 +1,7 @@
-import { defineComponent as T, inject as E, ref as i, computed as I, watchEffect as V, onMounted as q, onUnmounted as x, createElementBlock as y, openBlock as g, Fragment as A, createVNode as m, withCtx as h, createCommentVNode as N, unref as b, normalizeClass as W, createElementVNode as F, Transition as $, withDirectives as D, vShow as H } from "vue";
+import { defineComponent as T, inject as E, ref as s, computed as I, watchEffect as V, onMounted as q, onUnmounted as x, createElementBlock as y, openBlock as g, Fragment as A, createVNode as d, withCtx as h, createCommentVNode as N, unref as b, normalizeClass as W, createElementVNode as F, Transition as $, withDirectives as D, vShow as H } from "vue";
 import O from "../TemplateSelector/TemplateSelector.vue.js";
 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 "../../../locale/useLocale.js";
@@ -13,7 +10,7 @@ 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: "" }, ne = /* @__PURE__ */ T({
+const R = { class: "" }, oe = /* @__PURE__ */ T({
   __name: "ButtonTemplateSelector",
   props: {
     templates: {
@@ -45,21 +42,21 @@ const R = { class: "" }, ne = /* @__PURE__ */ T({
     }
   },
   setup(l) {
-    const o = l, r = E("chatAppId"), { getMessage: w } = j(r || ""), k = i(null), e = i(null), s = i("#5F5F5F"), c = i("#404040"), d = i(!1);
+    const o = l, r = E("chatAppId"), { getMessage: w } = j(r || ""), k = s(null), e = s(null), i = s("#5F5F5F"), c = s("#404040"), m = s(!1);
     let u = null;
     const p = () => {
       if (!r) {
-        s.value = "#5F5F5F", c.value = "#404040";
+        i.value = "#5F5F5F", c.value = "#404040";
         return;
       }
       const a = document.getElementById(r);
       if (!a) {
-        s.value = "#5F5F5F", c.value = "#404040";
+        i.value = "#5F5F5F", c.value = "#404040";
         return;
       }
       const t = window.getComputedStyle(a), n = t.getPropertyValue("--chotto-buttontemplateselector-button-span-color").trim(), S = t.getPropertyValue("--chotto-buttontemplateselector-button-span-hover-color").trim();
-      s.value = n || "#5F5F5F", c.value = S || "#404040";
-    }, C = I(() => d.value ? c.value : s.value);
+      i.value = n || "#5F5F5F", c.value = S || "#404040";
+    }, C = I(() => m.value ? c.value : i.value);
     V(() => {
       p();
     });
@@ -87,7 +84,7 @@ const R = { class: "" }, ne = /* @__PURE__ */ T({
     }), x(() => {
       u && (u.disconnect(), u = null);
     }), (a, t) => (g(), y(A, null, [
-      m(P, {
+      d(P, {
         text: "Шаблоны сообщений",
         position: "left"
       }, {
@@ -100,17 +97,17 @@ const R = { class: "" }, ne = /* @__PURE__ */ T({
             onClick: B,
             onMouseover: v,
             onMouseout: f,
-            onMouseenter: t[0] || (t[0] = (n) => d.value = !0),
-            onMouseleave: t[1] || (t[1] = (n) => d.value = !1)
+            onMouseenter: t[0] || (t[0] = (n) => m.value = !0),
+            onMouseleave: t[1] || (t[1] = (n) => m.value = !1)
           }, [
             F("span", R, [
-              m(b(z), { fill: C.value }, null, 8, ["fill"])
+              d(b(z), { fill: C.value }, null, 8, ["fill"])
             ])
           ], 34))
         ]),
         _: 1
       }),
-      m($, null, {
+      d($, null, {
         default: h(() => [
           D(F("div", {
             ref_key: "template",
@@ -118,7 +115,7 @@ const R = { class: "" }, ne = /* @__PURE__ */ T({
             onMouseover: v,
             onMouseout: f
           }, [
-            m(O, {
+            d(O, {
               templates: l.templates,
               "group-templates": l.groupTemplates,
               "elevated-window": l.elevatedWindow,
@@ -135,5 +132,5 @@ const R = { class: "" }, ne = /* @__PURE__ */ T({
   }
 });
 export {
-  ne as default
+  oe as default
 };

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

@@ -1,11 +1,9 @@
-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 { provide as s, inject as k, ref as i, onMounted as w, createElementBlock as u, openBlock as d, 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";
+import { chottoUploadFileKey as A } from "../../../hooks/uploadFile/types.js";
+import { useMessageDraft as q } from "../../../hooks/useMessageDraft.js";
 /* empty css                              */
-import q from "../../../_virtual/_plugin-vue_export-helper.js";
+import C from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
@@ -13,7 +11,7 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 /* empty css                                */
-const C = {
+const U = {
   __name: "ButtonWabaTemplateSelector",
   props: {
     wabaTemplates: {
@@ -35,9 +33,17 @@ const C = {
       type: String,
       default: "active"
     },
+    /**
+     * @deprecated Используйте `uploader` или `provide(chottoUploadFileKey)`.
+     * Default пустой — prod URL не хардкодится. Будет удалён в следующем major.
+     */
     filebumpUrl: {
       type: String,
-      default: "https://filebump2.services.mobilon.ru"
+      default: ""
+    },
+    uploader: {
+      type: Function,
+      default: void 0
     },
     elevatedWindow: {
       type: Boolean,
@@ -49,31 +55,31 @@ const C = {
     }
   },
   emits: ["sendWabaValues"],
-  setup(a, { emit: d }) {
-    const t = a;
-    h("filebumpUrl", t.filebumpUrl);
-    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"));
+  setup(a, { emit: m }) {
+    const e = a;
+    s("filebumpUrl", e.filebumpUrl), e.uploader && s(A, e.uploader);
+    const c = k("chatAppId"), { getMessage: f } = q(c), y = i(null), t = i(null), v = m, b = () => {
+      e.mode == "click" && e.state == "active" && (t.value.style.display == "none" ? t.value.style.display = "inherit" : t.value.style.display == "inherit" && (t.value.style.display = "none"));
     }, o = () => {
-      t.mode == "hover" && t.state == "active" && (e.value.style.display = "inherit");
+      e.mode == "hover" && e.state == "active" && (t.value.style.display = "inherit");
     }, l = () => {
-      t.mode == "hover" && t.state == "active" && (e.value.style.display = "none");
-    }, b = () => {
-      e.value.style.display = "none";
+      e.mode == "hover" && e.state == "active" && (t.value.style.display = "none");
+    }, g = () => {
+      t.value.style.display = "none";
     };
     w(() => {
-      e.value.style.display = "none";
+      t.value.style.display = "none";
     });
-    const g = (n) => {
-      y("sendWabaValues", n);
+    const h = (n) => {
+      v("sendWabaValues", n);
     };
-    return (n, r) => (u(), i(B, null, [
-      S(c)().isRecording ? W("", !0) : (u(), i("button", {
+    return (n, r) => (d(), u(B, null, [
+      S(f)().isRecording ? W("", !0) : (d(), u("button", {
         key: 0,
         ref_key: "templateButton",
-        ref: f,
+        ref: y,
         class: T(["button-template", { "button-template-disabled": a.state == "disabled" }]),
-        onClick: v,
+        onClick: b,
         onMouseover: o,
         onMouseout: l
       }, [...r[0] || (r[0] = [
@@ -81,7 +87,7 @@ const C = {
       ])], 34)),
       p("div", {
         ref_key: "template",
-        ref: e,
+        ref: t,
         onMouseover: o,
         onMouseout: l
       }, [
@@ -90,13 +96,13 @@ const C = {
           "group-templates": a.groupTemplates,
           "elevated-window": a.elevatedWindow,
           "chat-background": a.chatBackground,
-          onCloseTemplateWindow: b,
-          onSendWabaValues: g
+          onCloseTemplateWindow: g,
+          onSendWabaValues: h
         }, null, 8, ["waba-templates", "group-templates", "elevated-window", "chat-background"])
       ], 544)
     ], 64));
   }
-}, O = /* @__PURE__ */ q(C, [["__scopeId", "data-v-e300d7b9"]]);
+}, L = /* @__PURE__ */ C(U, [["__scopeId", "data-v-793420c8"]]);
 export {
-  O as default
+  L as default
 };