@mobilon-dev/chotto 0.2.31 → 0.2.32

package/dist/{index-CiZN0ECX.js → index-PEMTxEz0.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as l, createStaticVNode as pf, inject as se, computed as Q, createCommentVNode as v, createElementVNode as o, createVNode as Y, createTextVNode as $e, toDisplayString as E, renderSlot as oe, unref as D, ref as h, customRef as yn, defineComponent as G, watch as ne, nextTick as _e, onMounted as me, withDirectives as ge, withKeys as Dt, vModelText as Tf, normalizeClass as S, createBlock as B, resolveDynamicComponent as Se, Fragment as J, renderList as le, Transition as ue, withCtx as K, useTemplateRef as Mn, normalizeStyle as re, Teleport as ke, onUnmounted as cf, vShow as Re, useId as G1, toRef as Jt, vModelRadio as Tt, reactive as wn, provide as Mf, getCurrentInstance as na, toRaw as Cn, onBeforeUnmount as aa, readonly as sa, resolveComponent as v1, h as Gt, defineAsyncComponent as ia, createApp as oa, withModifiers as Kf } from "vue";
+import { createElementBlock as u, openBlock as l, createStaticVNode as pf, inject as se, computed as Q, createCommentVNode as b, createElementVNode as o, createVNode as Y, createTextVNode as $e, toDisplayString as E, renderSlot as oe, unref as D, ref as v, customRef as yn, defineComponent as G, watch as ne, nextTick as _e, onMounted as me, withDirectives as ge, withKeys as Dt, vModelText as Tf, normalizeClass as S, createBlock as B, resolveDynamicComponent as Se, Fragment as J, renderList as le, Transition as ue, withCtx as K, useTemplateRef as Mn, normalizeStyle as re, Teleport as ke, onUnmounted as cf, vShow as Re, useId as G1, toRef as Jt, vModelRadio as Tt, reactive as wn, provide as Mf, getCurrentInstance as na, toRaw as Cn, onBeforeUnmount as aa, readonly as sa, resolveComponent as v1, h as Gt, defineAsyncComponent as ia, createApp as oa, withModifiers as Kf } from "vue";
 const la = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2", ua = "ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2", _t = "numeric", ht = "ascii", vt = "alpha", Qf = "asciinumeric", Rf = "alphanumeric", bt = "domain", In = "emoji", ca = "scheme", ra = "slashscheme", ot = "whitespace";
 function da(e, f) {
   return e in f || (f[e] = []), f[e];
@@ -235,13 +235,13 @@ function pa(e = []) {
     [In]: !0
   });
   L(g, "#"), de(g, lt, g), L(g, ga, g);
-  const p = L(g, ma);
-  L(p, "#"), de(p, lt, g);
-  const I = [[Ge, s], [Xe, n]], b = [[Ge, null], [zf, r], [Xe, i]];
+  const _ = L(g, ma);
+  L(_, "#"), de(_, lt, g);
+  const I = [[Ge, s], [Xe, n]], y = [[Ge, null], [zf, r], [Xe, i]];
   for (let M = 0; M < g1.length; M++)
     sf(t, g1[M], Mt, ef, I);
   for (let M = 0; M < m1.length; M++)
-    sf(t, m1[M], wt, yt, b);
+    sf(t, m1[M], wt, yt, y);
   gf(Mt, {
     tld: !0,
     ascii: !0
@@ -254,14 +254,14 @@ function pa(e = []) {
   }, f), gf(yf, {
     slashscheme: !0,
     ascii: !0
-  }, f), e = e.sort((M, _) => M[0] > _[0] ? 1 : -1);
+  }, f), e = e.sort((M, h) => M[0] > h[0] ? 1 : -1);
   for (let M = 0; M < e.length; M++) {
-    const _ = e[M][0], T = e[M][1] ? {
+    const h = e[M][0], T = e[M][1] ? {
       [ca]: !0
     } : {
       [ra]: !0
     };
-    _.indexOf("-") >= 0 ? T[bt] = !0 : Ge.test(_) ? Xe.test(_) ? T[Qf] = !0 : T[ht] = !0 : T[_t] = !0, Xt(t, _, _, T);
+    h.indexOf("-") >= 0 ? T[bt] = !0 : Ge.test(h) ? Xe.test(h) ? T[Qf] = !0 : T[ht] = !0 : T[_t] = !0, Xt(t, h, h, T);
   }
   return Xt(t, "localhost", Jf, {
     ascii: !0
@@ -276,10 +276,10 @@ function En(e, f) {
   const t = _a(f.replace(/[A-Z]/g, (r) => r.toLowerCase())), a = t.length, n = [];
   let i = 0, s = 0;
   for (; s < a; ) {
-    let r = e, c = null, d = 0, A = null, g = -1, p = -1;
+    let r = e, c = null, d = 0, A = null, g = -1, _ = -1;
     for (; s < a && (c = r.go(t[s])); )
-      r = c, r.accepts() ? (g = 0, p = 0, A = r) : g >= 0 && (g += t[s].length, p++), d += t[s].length, i += t[s].length, s++;
-    i -= g, s -= p, d -= g, n.push({
+      r = c, r.accepts() ? (g = 0, _ = 0, A = r) : g >= 0 && (g += t[s].length, _++), d += t[s].length, i += t[s].length, s++;
+    i -= g, s -= _, d -= g, n.push({
       t: A.t,
       // token type/name
       v: f.slice(i - d, i),
@@ -572,24 +572,24 @@ function va({
   te(A, a, i), te(A, e.domain, i);
   const g = Ee();
   te(d, e.domain, g), te(g, e.domain, g);
-  const p = L(g, Ye);
-  te(p, e.domain, g);
+  const _ = L(g, Ye);
+  te(_, e.domain, g);
   const I = Ee(nn);
-  te(p, e.tld, I), te(p, e.utld, I), L(d, Jf, I);
-  const b = L(g, je);
-  L(b, je, b), te(b, e.domain, g), te(I, e.domain, g), L(I, Ye, p), L(I, je, b);
+  te(_, e.tld, I), te(_, e.utld, I), L(d, Jf, I);
+  const y = L(g, je);
+  L(y, je, y), te(y, e.domain, g), te(I, e.domain, g), L(I, Ye, _), L(I, je, y);
   const M = L(I, lf);
   te(M, e.numeric, nn);
-  const _ = L(s, je), x = L(s, Ye);
-  L(_, je, _), te(_, e.domain, s), te(x, a, i), te(x, e.domain, s);
+  const h = L(s, je), k = L(s, Ye);
+  L(h, je, h), te(h, e.domain, s), te(k, a, i), te(k, e.domain, s);
   const T = Ee(p1);
-  te(x, e.tld, T), te(x, e.utld, T), te(T, e.domain, s), te(T, a, i), L(T, Ye, x), L(T, je, _), L(T, of, d);
-  const k = L(T, lf), y = Ee(p1);
-  te(k, e.numeric, y);
-  const C = Ee(p1), m = Ee();
-  te(C, f, C), te(C, t, m), te(m, f, C), te(m, t, m), L(T, qe, C), L(y, qe, C);
-  const w = L(r, lf), N = L(c, lf), z = L(N, qe), U = L(z, qe);
-  te(r, e.domain, s), L(r, Ye, x), L(r, je, _), te(c, e.domain, s), L(c, Ye, x), L(c, je, _), te(w, e.domain, C), L(w, qe, C), L(w, qf, C), te(U, e.domain, C), te(U, f, C), L(U, qe, C);
+  te(k, e.tld, T), te(k, e.utld, T), te(T, e.domain, s), te(T, a, i), L(T, Ye, k), L(T, je, h), L(T, of, d);
+  const x = L(T, lf), C = Ee(p1);
+  te(x, e.numeric, C);
+  const w = Ee(p1), m = Ee();
+  te(w, f, w), te(w, t, m), te(m, f, w), te(m, t, m), L(T, qe, w), L(C, qe, w);
+  const p = L(r, lf), N = L(c, lf), z = L(N, qe), U = L(z, qe);
+  te(r, e.domain, s), L(r, Ye, k), L(r, je, h), te(c, e.domain, s), L(c, Ye, k), L(c, je, h), te(p, e.domain, w), L(p, qe, w), L(p, qf, w), te(U, e.domain, w), te(U, f, w), L(U, qe, w);
   const ee = [
     [Ff, Pf],
     // {}
@@ -609,12 +609,12 @@ function va({
     // ＜＞
   ];
   for (let H = 0; H < ee.length; H++) {
-    const [W, R] = ee[H], ie = L(C, W);
-    L(m, W, ie), L(ie, R, C);
+    const [W, R] = ee[H], ie = L(w, W);
+    L(m, W, ie), L(ie, R, w);
     const X = Ee(p1);
     te(ie, f, X);
     const ae = Ee();
-    te(ie, t), te(X, f, X), te(X, t, ae), te(ae, f, X), te(ae, t, ae), L(X, R, C), L(ae, R, C);
+    te(ie, t), te(X, f, X), te(X, t, ae), te(ae, f, X), te(ae, t, ae), L(X, R, w), L(ae, R, w);
   }
   return L(n, Jf, T), L(n, Et, ha), {
     start: n,
@@ -624,17 +624,17 @@ function va({
 function ba(e, f, t) {
   let a = t.length, n = 0, i = [], s = [];
   for (; n < a; ) {
-    let r = e, c = null, d = null, A = 0, g = null, p = -1;
+    let r = e, c = null, d = null, A = 0, g = null, _ = -1;
     for (; n < a && !(c = r.go(t[n].t)); )
       s.push(t[n++]);
     for (; n < a && (d = c || r.go(t[n].t)); )
-      c = null, r = d, r.accepts() ? (p = 0, g = r) : p >= 0 && p++, n++, A++;
-    if (p < 0)
+      c = null, r = d, r.accepts() ? (_ = 0, g = r) : _ >= 0 && _++, n++, A++;
+    if (_ < 0)
       n -= A, n < a && (s.push(t[n]), n++);
     else {
-      s.length > 0 && (i.push(dt(an, f, s)), s = []), n -= p, A -= p;
-      const I = g.t, b = t.slice(n - A, n);
-      i.push(dt(I, f, b));
+      s.length > 0 && (i.push(dt(an, f, s)), s = []), n -= _, A -= _;
+      const I = g.t, y = t.slice(n - A, n);
+      i.push(dt(I, f, y));
     }
   }
   return s.length > 0 && i.push(dt(an, f, s)), i;
@@ -799,7 +799,7 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
           key: 0,
           class: "pi pi-arrow-left chat-info__return-button",
           onClick: r[0] || (r[0] = (c) => a("returnToChats"))
-        })) : v("", !0),
+        })) : b("", !0),
         o("div", Na, [
           t.chat.avatar ? (l(), u("img", {
             key: 0,
@@ -813,12 +813,12 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
         o("div", Sa, [
           o("span", Va, [
             $e(E(e.chat.name) + " ", 1),
-            e.additionalTitle ? (l(), u("span", La, E(e.additionalTitle), 1)) : v("", !0)
+            e.additionalTitle ? (l(), u("span", La, E(e.additionalTitle), 1)) : b("", !0)
           ]),
           i.value ? (l(), u("p", Oa, [
             oe(s.$slots, "img-description", {}, void 0, !0),
             $e(" " + E(i.value), 1)
-          ])) : v("", !0)
+          ])) : b("", !0)
         ]),
         o("div", za, [
           oe(s.$slots, "actions", {}, void 0, !0)
@@ -830,10 +830,10 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
       }, [
         oe(s.$slots, "search", {}, void 0, !0)
       ], 8, Ua)
-    ])) : v("", !0);
+    ])) : b("", !0);
   }
-}, p6 = /* @__PURE__ */ O(Ba, [["__scopeId", "data-v-479e4d2a"]]), De = h([]), ze = (e) => {
-  const f = h(0), t = De.value.find(({ id: p }) => p == e);
+}, p6 = /* @__PURE__ */ O(Ba, [["__scopeId", "data-v-479e4d2a"]]), De = v([]), ze = (e) => {
+  const f = v(0), t = De.value.find(({ id: _ }) => _ == e);
   t != null ? f.value = De.value.indexOf(t) : (De.value.push({
     id: e,
     text: "",
@@ -850,20 +850,20 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
       forceSend: !1,
       isRecording: d().isRecording
     };
-  }, n = (p) => {
+  }, n = (_) => {
     De.value[f.value] = {
       id: d().id,
-      text: p,
+      text: _,
       file: d().file,
       reply: d().reply,
       forceSend: !1,
       isRecording: d().isRecording
     };
-  }, i = (p) => {
+  }, i = (_) => {
     De.value[f.value] = {
       id: d().id,
       text: d().text,
-      file: p,
+      file: _,
       reply: d().reply,
       forceSend: !1,
       isRecording: d().isRecording
@@ -877,12 +877,12 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
       forceSend: !1,
       isRecording: d().isRecording
     };
-  }, r = (p) => {
+  }, r = (_) => {
     De.value[f.value] = {
       id: d().id,
       text: d().text,
       file: d().file,
-      reply: p,
+      reply: _,
       forceSend: !1,
       isRecording: d().isRecording
     };
@@ -907,11 +907,11 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
     setMessageText: n,
     setReply: r,
     resetReply: c,
-    setForceSendMessage: (p) => {
-      De.value[f.value].forceSend = p;
+    setForceSendMessage: (_) => {
+      De.value[f.value].forceSend = _;
     },
-    setRecordingMessage: (p) => {
-      De.value[f.value].isRecording = p;
+    setRecordingMessage: (_) => {
+      De.value[f.value].isRecording = _;
     }
   };
 }, $a = {
@@ -957,7 +957,7 @@ const Ln = /* @__PURE__ */ O(Ia, [["render", xa]]), Da = {
     name: "Pусский",
     flag: "russian"
   }
-], sn = h(On[1]);
+], sn = v(On[1]);
 let Qa = {
   ru: $a,
   en: Ra
@@ -1359,20 +1359,20 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
   },
   emits: ["send", "typing"],
   setup(e, { emit: f }) {
-    const t = f, a = se("chatAppId"), { resetMessage: n, getMessage: i, setMessageText: s, setForceSendMessage: r } = ze(a), c = h(), d = Pa("", 2e3), A = h(), g = e, p = Q(() => !!(g.state == "disabled" || i().text == "" && !i().file || i().isRecording)), I = Q(() => Ks), b = Q(() => {
-      var C;
+    const t = f, a = se("chatAppId"), { resetMessage: n, getMessage: i, setMessageText: s, setForceSendMessage: r } = ze(a), c = v(), d = Pa("", 2e3), A = v(), g = e, _ = Q(() => !!(g.state == "disabled" || i().text == "" && !i().file || i().isRecording)), I = Q(() => Ks), y = Q(() => {
+      var w;
       if (g.inputButtonColor)
         return g.inputButtonColor;
-      if (!((C = g.selectedChannel) != null && C.channelId))
+      if (!((w = g.selectedChannel) != null && w.channelId))
         return "#25D366";
-      const y = g.selectedChannel.channelId.toLowerCase();
-      return y.includes("whatsapp") || y.includes("waba") ? "#25D366" : y.includes("telegram") ? "#37AFE2" : y.includes("sms") ? "#6C757D" : y.includes("max") ? "#4B0082" : "#25D366";
+      const C = g.selectedChannel.channelId.toLowerCase();
+      return C.includes("whatsapp") || C.includes("waba") ? "#25D366" : C.includes("telegram") ? "#37AFE2" : C.includes("sms") ? "#6C757D" : C.includes("max") ? "#4B0082" : "#25D366";
     }), M = Q(() => {
-      var C;
-      if (!((C = g.selectedChannel) != null && C.channelId))
+      var w;
+      if (!((w = g.selectedChannel) != null && w.channelId))
         return he("component.ChatInput.InputPlaceholder");
-      const y = g.selectedChannel.channelId.toLowerCase();
-      return y.includes("whatsapp") || y.includes("waba") ? he("component.ChatInput.WhatsappInputPlaceholder") : y.includes("telegram") ? he("component.ChatInput.TelegramInputPlaceholder") : y.includes("sms") ? he("component.ChatInput.SmsInputPlaceholder") : y.includes("max") ? he("component.ChatInput.MaxInputPlaceholder") : he("component.ChatInput.InputPlaceholder");
+      const C = g.selectedChannel.channelId.toLowerCase();
+      return C.includes("whatsapp") || C.includes("waba") ? he("component.ChatInput.WhatsappInputPlaceholder") : C.includes("telegram") ? he("component.ChatInput.TelegramInputPlaceholder") : C.includes("sms") ? he("component.ChatInput.SmsInputPlaceholder") : C.includes("max") ? he("component.ChatInput.MaxInputPlaceholder") : he("component.ChatInput.InputPlaceholder");
     });
     ne(
       () => d.value,
@@ -1383,8 +1383,8 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
       () => g.focusOnInputArea,
       () => {
         g.focusOnInputArea && _e(() => {
-          const y = D(c);
-          y == null || y.focus();
+          const C = D(c);
+          C == null || C.focus();
         });
       },
       { immediate: !0 }
@@ -1392,59 +1392,59 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
       () => i().text,
       () => {
         _e(() => {
-          const y = c.value;
-          if (!y) return;
-          const C = y.scrollTop;
-          y.style.height = "auto";
-          const m = getComputedStyle(y), w = parseFloat(m.fontSize) || 16, N = parseFloat(m.lineHeight) || w * 1.4, z = 40, U = N * 11, ee = y.scrollHeight, W = i().text.split(`
+          const C = c.value;
+          if (!C) return;
+          const w = C.scrollTop;
+          C.style.height = "auto";
+          const m = getComputedStyle(C), p = parseFloat(m.fontSize) || 16, N = parseFloat(m.lineHeight) || p * 1.4, z = 40, U = N * 11, ee = C.scrollHeight, W = i().text.split(`
 `).length > 1, R = document.createElement("div");
           R.style.position = "absolute", R.style.visibility = "hidden", R.style.whiteSpace = "nowrap", R.style.font = m.font, R.style.fontSize = m.fontSize, R.style.fontFamily = m.fontFamily, R.style.fontWeight = m.fontWeight, R.style.letterSpacing = m.letterSpacing, R.textContent = i().text, document.body.appendChild(R);
           const ie = R.offsetWidth;
           document.body.removeChild(R);
-          const X = parseFloat(m.paddingLeft) || 0, ae = parseFloat(m.paddingRight) || 0, ve = y.clientWidth - X - ae, Ae = ie > ve, ye = W || Ae;
-          i().text.trim() && ye ? ee <= U ? (y.style.height = ee + "px", y.style.overflowY = "hidden") : (y.style.height = U + "px", y.style.overflowY = "auto", y.scrollTop = C) : (y.style.height = z + "px", y.style.overflowY = "hidden");
+          const X = parseFloat(m.paddingLeft) || 0, ae = parseFloat(m.paddingRight) || 0, ve = C.clientWidth - X - ae, Ae = ie > ve, ye = W || Ae;
+          i().text.trim() && ye ? ee <= U ? (C.style.height = ee + "px", C.style.overflowY = "hidden") : (C.style.height = U + "px", C.style.overflowY = "auto", C.scrollTop = w) : (C.style.height = z + "px", C.style.overflowY = "hidden");
         });
       },
       { immediate: !0 }
     ), ne(
       () => i().forceSend,
       () => {
-        i().forceSend && (k(), r(!1));
+        i().forceSend && (x(), r(!1));
       }
     );
-    const _ = (y) => {
-      t("typing", y.target.value);
-    }, x = () => {
+    const h = (C) => {
+      t("typing", C.target.value);
+    }, k = () => {
       _e(() => {
-        const y = c.value;
-        y && (y.style.height = "40px", y.style.overflowY = "hidden");
+        const C = c.value;
+        C && (C.style.height = "40px", C.style.overflowY = "hidden");
       });
     };
     me(() => {
-      x();
+      k();
     });
-    const T = (y) => {
-      if (y.shiftKey) {
+    const T = (C) => {
+      if (C.shiftKey) {
         if (c.value instanceof HTMLTextAreaElement) {
-          let C = c.value.selectionStart;
-          C && (c.value.setRangeText(`
-`, C, C, "end"), s(c.value.value));
+          let w = c.value.selectionStart;
+          w && (c.value.setRangeText(`
+`, w, w, "end"), s(c.value.value));
         }
-        y.preventDefault();
-      } else if (y.ctrlKey) {
+        C.preventDefault();
+      } else if (C.ctrlKey) {
         if (c.value instanceof HTMLTextAreaElement) {
-          let C = c.value.selectionStart;
-          C && (c.value.setRangeText(`
-`, C, C, "end"), s(c.value.value));
+          let w = c.value.selectionStart;
+          w && (c.value.setRangeText(`
+`, w, w, "end"), s(c.value.value));
         }
-        y.preventDefault();
+        C.preventDefault();
       } else
-        y.preventDefault(), k();
-    }, k = () => {
-      var C, m;
-      const y = h(i());
-      if (y.value.text != "" || y.value.file) {
-        const w = {
+        C.preventDefault(), x();
+    }, x = () => {
+      var w, m;
+      const C = v(i());
+      if (C.value.text != "" || C.value.file) {
+        const p = {
           type: "",
           text: "",
           url: "",
@@ -1452,10 +1452,10 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
           size: "",
           reply: void 0
         };
-        y.value.file ? (w.type = "message." + y.value.file.type, w.url = y.value.file.url, w.filename = y.value.file.name, w.size = (C = y.value.file.size) == null ? void 0 : C.toString(), w.text = (m = y == null ? void 0 : y.value) == null ? void 0 : m.text.trim()) : (w.type = "message.text", w.text = y.value.text.trim()), y.value.reply && (w.reply = y.value.reply), t("send", w), n(), A.value = void 0, c.value && c.value.focus();
+        C.value.file ? (p.type = "message." + C.value.file.type, p.url = C.value.file.url, p.filename = C.value.file.name, p.size = (w = C.value.file.size) == null ? void 0 : w.toString(), p.text = (m = C == null ? void 0 : C.value) == null ? void 0 : m.text.trim()) : (p.type = "message.text", p.text = C.value.text.trim()), C.value.reply && (p.reply = C.value.reply), t("send", p), n(), A.value = void 0, c.value && c.value.focus();
       }
     };
-    return (y, C) => (l(), u("div", fi, [
+    return (C, w) => (l(), u("div", fi, [
       o("div", {
         id: "chat-input-reply-line-" + D(a),
         class: "chat-input__reply-line"
@@ -1465,32 +1465,32 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
         class: "chat-input__file-line"
       }, null, 8, ni),
       o("div", ai, [
-        oe(y.$slots, "inline-buttons", {}, void 0, !0)
+        oe(C.$slots, "inline-buttons", {}, void 0, !0)
       ]),
       e.disabledPlaceholder && (e.state == "disabled" || D(i)().isRecording) ? (l(), u("div", si, E(e.disabledPlaceholder), 1)) : ge((l(), u("textarea", {
         key: 1,
         ref_key: "refInput",
         ref: c,
-        "onUpdate:modelValue": C[0] || (C[0] = (m) => D(i)().text = m),
+        "onUpdate:modelValue": w[0] || (w[0] = (m) => D(i)().text = m),
         disabled: e.state == "disabled" || D(i)().isRecording,
         class: "chat-input__input",
         placeholder: M.value,
         onKeydown: Dt(T, ["enter"]),
-        onInput: _
+        onInput: h
       }, null, 40, ii)), [
         [Tf, D(i)().text]
       ]),
       o("button", {
-        class: S(["chat-input__button", { "chat-input__button-disabled": p.value }]),
+        class: S(["chat-input__button", { "chat-input__button-disabled": _.value }]),
         disabled: D(i)().isRecording,
-        onClick: k
+        onClick: x
       }, [
         o("span", li, [
-          (l(), B(Se(I.value), { color: b.value }, null, 8, ["color"]))
+          (l(), B(Se(I.value), { color: y.value }, null, 8, ["color"]))
         ])
       ], 10, oi),
       o("div", ui, [
-        oe(y.$slots, "buttons", {}, void 0, !0)
+        oe(C.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
@@ -1519,7 +1519,7 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
           onClick: (n) => f.$emit("tab-click", a.id)
         }, [
           $e(E(a.label) + " ", 1),
-          a.count !== void 0 ? (l(), u("span", Ai, E(a.count), 1)) : v("", !0)
+          a.count !== void 0 ? (l(), u("span", Ai, E(a.count), 1)) : b("", !0)
         ], 8, di)
       ], 2))), 128))
     ]));
@@ -1560,7 +1560,7 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
   },
   emits: ["select", "action", "loadMoreChats", "expand", "tab-click"],
   setup(e, { emit: f }) {
-    const t = e, a = f, n = h(""), i = h(), s = h(!1), r = h(!1), c = h(!1), d = h(!1);
+    const t = e, a = f, n = v(""), i = v(), s = v(!1), r = v(!1), c = v(!1), d = v(!1);
     function A() {
       _e(function() {
         const m = D(i);
@@ -1570,9 +1570,9 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
     const g = () => {
       const m = D(i);
       d.value = m.scrollHeight > m.clientHeight;
-    }, p = () => {
-      const m = D(i), w = m.scrollHeight - m.scrollTop - m.clientHeight;
-      g(), m.scrollTop > 500 && (r.value = !0), m.scrollTop <= 500 && (r.value = !1), c.value ? w < 300 && (s.value = !0) : (w < 300 && (s.value = !0), w >= 300 && (s.value = !1));
+    }, _ = () => {
+      const m = D(i), p = m.scrollHeight - m.scrollTop - m.clientHeight;
+      g(), m.scrollTop > 500 && (r.value = !0), m.scrollTop <= 500 && (r.value = !1), c.value ? p < 300 && (s.value = !0) : (p < 300 && (s.value = !0), p >= 300 && (s.value = !1));
     };
     ne(
       () => s.value,
@@ -1600,64 +1600,64 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
       { immediate: !0 }
     );
     const I = (m) => {
-      const w = D(i);
-      (m.offsetX > w.clientWidth || m.offsetY > w.clientHeight) && (c.value = !0);
-    }, b = () => {
+      const p = D(i);
+      (m.offsetX > p.clientWidth || m.offsetY > p.clientHeight) && (c.value = !0);
+    }, y = () => {
       c.value = !1;
     }, M = (m) => {
       a("expand", m);
-    }, _ = (m) => {
+    }, h = (m) => {
       t.chats.forEach((N) => {
         N.isSelected = !1, N.dialogs && N.dialogs.forEach((z) => {
           z.isSelected = !1;
         });
-      }), m.dialog && x(m.dialog);
-      const w = t.chats.find((N) => N.chatId === m.chat.chatId);
-      w.isSelected = !0, a("select", m);
-    }, x = (m) => {
-      t.chats.forEach((w) => {
-        w.isSelected = !1, w.dialogs && w.dialogs.forEach((N) => {
+      }), m.dialog && k(m.dialog);
+      const p = t.chats.find((N) => N.chatId === m.chat.chatId);
+      p.isSelected = !0, a("select", m);
+    }, k = (m) => {
+      t.chats.forEach((p) => {
+        p.isSelected = !1, p.dialogs && p.dialogs.forEach((N) => {
           N.isSelected = !1, N.dialogId == m.dialogId && (N.isSelected = !0);
         });
       });
-    }, T = () => t.chats.toSorted((m, w) => {
-      if (Number(m["lastActivity.timestamp"]) > Number(w["lastActivity.timestamp"])) return -1;
-      if (Number(m["lastActivity.timestamp"]) < Number(w["lastActivity.timestamp"])) return 1;
-      if (Number(m["lastActivity.timestamp"]) == Number(w["lastActivity.timestamp"])) return 0;
-    }).toSorted((m, w) => {
-      if (m.countUnread > w.countUnread) return -1;
-      if (m.countUnread < w.countUnread) return 1;
-      if (m.countUnread == w.countUnread) return 0;
-    }).filter((m) => t.filterQuery ? m.name.includes(t.filterQuery) || m.metadata.includes(t.filterQuery) : m.name.includes(n.value) || m.metadata.includes(n.value)), k = (m) => {
+    }, T = () => t.chats.toSorted((m, p) => {
+      if (Number(m["lastActivity.timestamp"]) > Number(p["lastActivity.timestamp"])) return -1;
+      if (Number(m["lastActivity.timestamp"]) < Number(p["lastActivity.timestamp"])) return 1;
+      if (Number(m["lastActivity.timestamp"]) == Number(p["lastActivity.timestamp"])) return 0;
+    }).toSorted((m, p) => {
+      if (m.countUnread > p.countUnread) return -1;
+      if (m.countUnread < p.countUnread) return 1;
+      if (m.countUnread == p.countUnread) return 0;
+    }).filter((m) => t.filterQuery ? m.name.includes(t.filterQuery) || m.metadata.includes(t.filterQuery) : m.name.includes(n.value) || m.metadata.includes(n.value)), x = (m) => {
       n.value = m;
-    }, y = (m) => a("action", m), C = (m) => {
+    }, C = (m) => a("action", m), w = (m) => {
       a("tab-click", m);
     };
-    return (m, w) => (l(), u("div", pi, [
+    return (m, p) => (l(), u("div", pi, [
       o("div", _i, [
-        e.titleEnabled ? (l(), u("h2", hi, E(D(he)("component.ChatList.Title")), 1)) : v("", !0),
+        e.titleEnabled ? (l(), u("h2", hi, E(D(he)("component.ChatList.Title")), 1)) : b("", !0),
         oe(m.$slots, "actions", {}, void 0, !0)
       ]),
       oe(m.$slots, "sidebar", {}, void 0, !0),
       e.filterEnabled ? (l(), B(D(jl), {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: k
-      })) : v("", !0),
+        onUpdate: x
+      })) : b("", !0),
       e.dialogTabs && e.dialogTabs.length > 0 ? (l(), B(mi, {
         key: 1,
         tabs: e.dialogTabs,
-        onTabClick: C
-      }, null, 8, ["tabs"])) : v("", !0),
+        onTabClick: w
+      }, null, 8, ["tabs"])) : b("", !0),
       o("div", {
         ref_key: "refChatList",
         ref: i,
         class: "chat-list__items",
-        onScroll: p,
+        onScroll: _,
         onMousedown: I,
-        onMouseup: b
+        onMouseup: y
       }, [
-        T().length === 0 ? (l(), u("div", vi, w[0] || (w[0] = [
+        T().length === 0 ? (l(), u("div", vi, p[0] || (p[0] = [
           o("div", { class: "chat-list__placeholder" }, [
             o("p", { class: "chat-list__placeholder-title" }, " Нет контактных данных, чтобы начать чат "),
             o("p", { class: "chat-list__placeholder-hint" }, " Добавьте номер телефона или имя Telegram в карточку контакта ")
@@ -1670,9 +1670,9 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
               chat: N,
               "show-dialogs": t.showDialogs,
               "has-scroll": d.value,
-              onSelect: _,
+              onSelect: h,
               onExpand: M,
-              onAction: y
+              onAction: C
             }, null, 8, ["chat", "show-dialogs", "has-scroll"]))), 128))
           ]),
           o("div", yi, [
@@ -1682,9 +1682,9 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
               chat: N,
               "show-dialogs": t.showDialogs,
               "has-scroll": d.value,
-              onSelect: _,
+              onSelect: h,
               onExpand: M,
-              onAction: y
+              onAction: C
             }, null, 8, ["chat", "show-dialogs", "has-scroll"]))), 128))
           ]),
           o("div", Mi, [
@@ -1694,9 +1694,9 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
               chat: N,
               "show-dialogs": t.showDialogs,
               "has-scroll": d.value,
-              onSelect: _,
+              onSelect: h,
               onExpand: M,
-              onAction: y
+              onAction: C
             }, null, 8, ["chat", "show-dialogs", "has-scroll"]))), 128))
           ])
         ], 64))
@@ -1707,9 +1707,9 @@ const ei = /* @__PURE__ */ O(Js, [["render", Xs]]), fi = { class: "chat-input__c
             key: 0,
             class: "chat-list__button-up",
             onClick: A
-          }, w[1] || (w[1] = [
+          }, p[1] || (p[1] = [
             o("span", { class: "pi pi-angle-up chat-list__icon-down" }, null, -1)
-          ]))) : v("", !0)
+          ]))) : b("", !0)
         ]),
         _: 1
       })
@@ -1752,7 +1752,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
         key: g.text,
         class: "keyboard__key",
         style: re({ "box-shadow": "0px 0px 10px 5px " + g.color }),
-        onClick: (p) => c(g)
+        onClick: (_) => c(g)
       }, [
         o("p", null, E(g.text), 1)
       ], 12, Ii))), 128))
@@ -1862,14 +1862,14 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
     "feedAction"
   ],
   setup(e, { emit: f }) {
-    const t = h(), a = h(), n = h(), i = h(!1), s = h(!1), r = h(!1), c = h(!1), d = h(!1), A = h(!1), g = h(!1), p = h("");
+    const t = v(), a = v(), n = v(), i = v(!1), s = v(!1), r = v(!1), c = v(!1), d = v(!1), A = v(!1), g = v(!1), _ = v("");
     let I = null;
-    const b = e, M = se("chatAppId"), { setReply: _, getMessage: x, resetReply: T } = ze(M), k = f, y = Q(() => !!(s.value && b.objects.length > 0 && b.objects[b.objects.length - 1].keyboard)), C = (F) => {
-      k("keyboardAction", F);
+    const y = e, M = se("chatAppId"), { setReply: h, getMessage: k, resetReply: T } = ze(M), x = f, C = Q(() => !!(s.value && y.objects.length > 0 && y.objects[y.objects.length - 1].keyboard)), w = (F) => {
+      x("keyboardAction", F);
     }, m = (F) => {
-      k("feedAction", F);
+      x("feedAction", F);
     };
-    function w(F = !0) {
+    function p(F = !0) {
       const Z = D(a);
       let j = 0;
       n.value && (j = n.value.refKeyboard.clientHeight);
@@ -1881,7 +1881,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
     ne(
       () => [c.value, r.value],
       () => {
-        c.value || k("loadMoreDown"), r.value || k("loadMore");
+        c.value || x("loadMoreDown"), r.value || x("loadMore");
       }
     );
     const N = (F) => {
@@ -1889,7 +1889,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       (F.offsetX > Z.clientWidth || F.offsetY > Z.clientHeight) && (A.value = !0);
     }, z = () => {
       A.value = !1;
-    }, U = Ci(() => w(), 250), ee = (F) => ({
+    }, U = Ci(() => p(), 250), ee = (F) => ({
       "message.text": Q3,
       "message.image": S3,
       "message.file": b3,
@@ -1908,23 +1908,23 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       });
     }
     function W() {
-      k("forceScrollToBottom"), H();
+      x("forceScrollToBottom"), H();
     }
     ne(
-      () => b.scrollToBottom,
+      () => y.scrollToBottom,
       () => {
-        console.log("force scroll to bottom"), b.scrollToBottom && H();
+        console.log("force scroll to bottom"), y.scrollToBottom && H();
       },
       { immediate: !0 }
     );
     const R = (F) => {
-      k("messageAction", F);
+      x("messageAction", F);
     }, ie = (F) => {
-      k("clickRepliedMessage", F);
+      x("clickRepliedMessage", F);
     }, X = (F, Z) => {
-      if (b.enableDoubleClickReply && (F == null || F.preventDefault(), Z.type.indexOf("system") == -1 && Z.type.indexOf("typing") == -1)) {
+      if (y.enableDoubleClickReply && (F == null || F.preventDefault(), Z.type.indexOf("system") == -1 && Z.type.indexOf("typing") == -1)) {
         const j = document.getElementById("chat-input-reply-line-" + M);
-        j && (j.style.display = "inherit"), _({
+        j && (j.style.display = "inherit"), h({
           messageId: Z.messageId,
           type: Z.type,
           text: Z.text,
@@ -1940,7 +1940,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       F && (F.style.display = "none");
     }, ve = (F) => {
       F.forEach((Z) => {
-        Z.isIntersecting && k("messageVisible", JSON.parse(Z.target.id));
+        Z.isIntersecting && x("messageVisible", JSON.parse(Z.target.id));
       });
     }, Ae = {
       root: document.getElementById("feed-container-" + M),
@@ -1948,14 +1948,14 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       threshold: 0
     }, ye = new IntersectionObserver(ve, Ae);
     ne(
-      () => b.objects,
+      () => y.objects,
       () => {
         _e(() => {
-          if (r.value = !0, c.value = !0, w(!1), A.value) {
+          if (r.value = !0, c.value = !0, p(!1), A.value) {
             const F = D(a);
             d.value && (F.scrollTop = F.scrollHeight - 400), d.value || (F.scrollTop = 400);
           }
-          if (t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((F) => ye.observe(F)), b.scrollToBottom) {
+          if (t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((F) => ye.observe(F)), y.scrollToBottom) {
             const F = D(a);
             F && (F.scrollTop = F.scrollHeight, setTimeout(() => {
               F.scrollTop = F.scrollHeight;
@@ -1965,11 +1965,11 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       },
       { immediate: !0 }
     ), ne(
-      () => b.scrollTo,
+      () => y.scrollTo,
       () => {
         var F;
-        if (b.scrollTo) {
-          const Z = b.scrollTo;
+        if (y.scrollTo) {
+          const Z = y.scrollTo;
           let j = document.getElementById(Z), P = document.getElementById("feed-container-" + M);
           j instanceof HTMLElement && P instanceof HTMLElement && (P.scrollTop = j.offsetTop + j.clientHeight / 2 - P.clientHeight / 2), (F = document.getElementById(Z)) == null || F.children[0].classList.add("focused-message"), setTimeout(() => {
             var q;
@@ -1978,7 +1978,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
         }
       }
     );
-    const Be = Q(() => !b.objects || b.objects.length === 0 ? [] : b.objects.map((F, Z, j) => {
+    const Be = Q(() => !y.objects || y.objects.length === 0 ? [] : y.objects.map((F, Z, j) => {
       const P = Z > 0 && j[Z - 1].position === F.position && j[Z - 1].header === F.header, q = Z > 0 && !["message.system", "message.typing"].includes(j[Z - 1].type);
       return {
         ...F,
@@ -2009,7 +2009,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
           const P = JSON.parse(j.id);
           if (!P || !P.timestamp) return;
           const q = new Date(Number(P.timestamp) * 1e3);
-          p.value = q.toLocaleDateString();
+          _.value = q.toLocaleDateString();
         } catch {
         }
     }
@@ -2029,8 +2029,8 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
             g.value ? (l(), B(D(jA), {
               key: 0,
               class: "message-feed__sticky-date",
-              text: p.value
-            }, null, 8, ["text"])) : v("", !0)
+              text: _.value
+            }, null, 8, ["text"])) : b("", !0)
           ]),
           _: 1
         }),
@@ -2057,18 +2057,18 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
             subText: e.typing.title,
             avatar: e.typing.avatar
           }
-        }, null, 8, ["message"])) : v("", !0),
+        }, null, 8, ["message"])) : b("", !0),
         Y(ue, null, {
           default: K(() => [
-            y.value ? (l(), B(xi, {
+            C.value ? (l(), B(xi, {
               key: 0,
               ref_key: "keyboardRef",
               ref: n,
               class: "message-feed__keyboard",
               keyboard: e.objects[e.objects.length - 1].keyboard,
               align: e.keyboardAlign,
-              onAction: C
-            }, null, 8, ["keyboard", "align"])) : v("", !0)
+              onAction: w
+            }, null, 8, ["keyboard", "align"])) : b("", !0)
           ]),
           _: 1
         }),
@@ -2079,9 +2079,9 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
               class: "message-feed__button-down",
               onClick: W
             }, [
-              e.buttonParams ? (l(), u("div", Si, E(e.buttonParams.unreadAmount), 1)) : v("", !0),
+              e.buttonParams ? (l(), u("div", Si, E(e.buttonParams.unreadAmount), 1)) : b("", !0),
               Z[1] || (Z[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
-            ])) : v("", !0)
+            ])) : b("", !0)
           ]),
           _: 1
         }),
@@ -2090,7 +2090,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
           buttons: e.feedKeyboards,
           align: e.feedKeyboardAlign,
           onAction: m
-        }, null, 8, ["buttons", "align"])) : v("", !0)
+        }, null, 8, ["buttons", "align"])) : b("", !0)
       ], 40, Ei)) : (l(), u("div", {
         key: 1,
         ref_key: "refFeed",
@@ -2101,16 +2101,16 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
           oe(F.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 512)),
-      D(x)().reply ? (l(), B(ke, {
+      D(k)().reply ? (l(), B(ke, {
         key: 2,
         to: "#chat-input-reply-line-" + D(M)
       }, [
         Y(D(jf), {
           class: "chat-input-reply",
-          message: D(x)().reply,
+          message: D(k)().reply,
           onReset: ae
         }, null, 8, ["message"])
-      ], 8, ["to"])) : v("", !0)
+      ], 8, ["to"])) : b("", !0)
     ], 64));
   }
 }), w6 = /* @__PURE__ */ O(Li, [["__scopeId", "data-v-222decfb"]]), Oi = {
@@ -2139,11 +2139,11 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
           height: "48",
           width: "48"
         }, null, 8, Ui)
-      ])) : v("", !0),
+      ])) : b("", !0),
       o("h2", Bi, E(e.user.name), 1),
       o("p", $i, E(e.user.email), 1),
       o("p", Ri, E(e.user.phone), 1)
-    ])) : v("", !0);
+    ])) : b("", !0);
   }
 }, C6 = /* @__PURE__ */ O(Qi, [["__scopeId", "data-v-ad5c665d"]]), Fi = ["data-theme"], Pi = { class: "modal__container" }, Yi = {
   __name: "ModalFullscreen",
@@ -2184,8 +2184,8 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       ])
     ], 40, Fi));
   }
-}, t1 = /* @__PURE__ */ O(Yi, [["__scopeId", "data-v-b9e55899"]]), Uf = h([]), Ue = (e) => {
-  const f = h(0), t = Uf.value.find(({ id: n }) => n == e);
+}, t1 = /* @__PURE__ */ O(Yi, [["__scopeId", "data-v-b9e55899"]]), Uf = v([]), Ue = (e) => {
+  const f = v(0), t = Uf.value.find(({ id: n }) => n == e);
   return t != null ? f.value = Uf.value.indexOf(t) : (Uf.value.push({
     id: e,
     theme: ""
@@ -2212,14 +2212,14 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
   },
   emits: ["reset"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = f, i = h(), s = h(), r = h(!1), c = h(0), d = h(0), A = h(!1), g = () => A.value = !1;
-    function p() {
+    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = f, i = v(), s = v(), r = v(!1), c = v(0), d = v(0), A = v(!1), g = () => A.value = !1;
+    function _() {
       i.value && (r.value ? i.value.pause() : i.value.play(), r.value = !r.value);
     }
-    const I = (_) => {
-      const x = Math.floor(_ / 60), T = Math.floor(_ % 60);
-      return `${x.toString().padStart(2, "0")}:${T.toString().padStart(2, "0")}`;
-    }, b = Q(() => i.value ? I(d.value) : "0:00"), M = Q(() => i.value || s.value ? I(c.value) : "0:00");
+    const I = (h) => {
+      const k = Math.floor(h / 60), T = Math.floor(h % 60);
+      return `${k.toString().padStart(2, "0")}:${T.toString().padStart(2, "0")}`;
+    }, y = Q(() => i.value ? I(d.value) : "0:00"), M = Q(() => i.value || s.value ? I(c.value) : "0:00");
     return me(() => {
       i.value != null && (i.value.addEventListener("loadedmetadata", () => {
         i.value != null && (i.value.duration == 1 / 0 || Number.isNaN(i.value.duration)) && (i.value.currentTime = 1e101, i.value.addEventListener("timeupdate", () => {
@@ -2232,25 +2232,25 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
           s.value && (s.value.currentTime = 0, c.value = s.value.duration);
         }, { once: !0 })));
       });
-    }), (_, x) => (l(), u("div", qi, [
+    }), (h, k) => (l(), u("div", qi, [
       o("div", Hi, [
         e.fileInfo.isImage ? (l(), u("div", {
           key: 0,
           style: { position: "relative" },
-          onClick: x[0] || (x[0] = (T) => A.value = !0)
+          onClick: k[0] || (k[0] = (T) => A.value = !0)
         }, [
           o("img", {
             src: e.fileInfo.previewUrl,
             alt: "Image Preview",
             class: "preview__image"
           }, null, 8, Wi),
-          x[3] || (x[3] = o("div", { class: "preview__shadow" }, [
+          k[3] || (k[3] = o("div", { class: "preview__shadow" }, [
             o("span", { class: "pi pi-plus-circle" })
           ], -1))
         ])) : e.fileInfo.isVideo ? (l(), u("div", {
           key: 1,
           style: { position: "relative" },
-          onClick: x[1] || (x[1] = (T) => A.value = !0)
+          onClick: k[1] || (k[1] = (T) => A.value = !0)
         }, [
           o("video", {
             ref_key: "video",
@@ -2258,11 +2258,11 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
             src: e.fileInfo.previewUrl,
             class: "preview__video"
           }, null, 8, Zi),
-          x[4] || (x[4] = o("div", { class: "preview__shadow" }, [
+          k[4] || (k[4] = o("div", { class: "preview__shadow" }, [
             o("span", { class: "pi pi-play" })
           ], -1))
         ])) : e.fileInfo.isAudio ? (l(), u("div", Ki, [
-          x[5] || (x[5] = o("span", {
+          k[5] || (k[5] = o("span", {
             class: "pi pi-headphones",
             style: { "font-size": "1rem", margin: "auto" }
           }, null, -1)),
@@ -2273,7 +2273,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
           }, null, 8, Ji),
           o("button", {
             class: "preview__audio-control",
-            onClick: p
+            onClick: _
           }, [
             ge(o("span", Gi, null, 512), [
               [Re, !r.value]
@@ -2282,7 +2282,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
               [Re, r.value]
             ])
           ])
-        ])) : (l(), u("div", eo, x[6] || (x[6] = [
+        ])) : (l(), u("div", eo, k[6] || (k[6] = [
           o("span", {
             class: "pi pi-file",
             style: { "font-size": "2.5rem" }
@@ -2292,14 +2292,14 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
       o("div", fo, [
         o("div", to, [
           o("span", no, E(e.fileInfo.fileName), 1),
-          !e.fileInfo.isAudio && !e.fileInfo.isVideo ? (l(), u("span", ao, E(e.fileInfo.fileSize), 1)) : v("", !0),
-          e.fileInfo.isAudio ? (l(), u("span", so, E(`${b.value} / ${M.value}`), 1)) : v("", !0),
-          e.fileInfo.isVideo ? (l(), u("span", io, E(M.value), 1)) : v("", !0)
+          !e.fileInfo.isAudio && !e.fileInfo.isVideo ? (l(), u("span", ao, E(e.fileInfo.fileSize), 1)) : b("", !0),
+          e.fileInfo.isAudio ? (l(), u("span", so, E(`${y.value} / ${M.value}`), 1)) : b("", !0),
+          e.fileInfo.isVideo ? (l(), u("span", io, E(M.value), 1)) : b("", !0)
         ]),
         o("div", oo, [
           o("span", {
             class: "pi pi-times",
-            onClick: x[2] || (x[2] = (T) => n("reset"))
+            onClick: k[2] || (k[2] = (T) => n("reset"))
           })
         ])
       ]),
@@ -2318,16 +2318,16 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
                   src: e.fileInfo.previewUrl,
                   controls: "",
                   autoplay: ""
-                }, null, 8, lo)) : v("", !0),
+                }, null, 8, lo)) : b("", !0),
                 e.fileInfo.isImage ? (l(), u("img", {
                   key: 1,
                   class: "preview__modal-image",
                   src: e.fileInfo.previewUrl,
                   alt: "Image Preview"
-                }, null, 8, uo)) : v("", !0)
+                }, null, 8, uo)) : b("", !0)
               ]),
               _: 1
-            }, 8, ["theme"])) : v("", !0)
+            }, 8, ["theme"])) : b("", !0)
           ]),
           _: 1
         })
@@ -2338,7 +2338,7 @@ const Ii = ["onClick"], ki = /* @__PURE__ */ G({
   let f = "file";
   return e.startsWith("image/") ? f = "image" : e.startsWith("video/") ? f = "video" : e.startsWith("audio/") && (f = "audio"), f;
 }, ro = (e) => {
-  const f = zn(e.type), t = h(!1), a = h(!1), n = h(!1), i = h("");
+  const f = zn(e.type), t = v(!1), a = v(!1), n = v(!1), i = v("");
   f === "image" ? t.value = !0 : f === "video" ? a.value = !0 : f === "audio" && (n.value = !0), t.value || a.value || n.value ? i.value = URL.createObjectURL(e) : i.value = "";
   const s = ["б", "Кб", "Мб", "Гб"];
   let r = e.size, c = 0;
@@ -2401,62 +2401,62 @@ const po = /* @__PURE__ */ O(Ao, [["render", mo]]), _o = { key: 0 }, ho = { key:
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const t = e, a = h(""), n = h(), i = h(), s = se("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: d, setRecordingMessage: A } = ze(s), g = Q(() => !d().file), p = () => {
+    const t = e, a = v(""), n = v(), i = v(), s = se("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: d, setRecordingMessage: A } = ze(s), g = Q(() => !d().file), _ = () => {
       const T = document.getElementById("chat-input-file-line-" + s);
       T && (T.style.display = "none"), c(), i.value = void 0, a.value = "";
     }, I = async () => {
-      var T, k;
-      p(), (T = n.value) != null && T.files && x((k = n.value) == null ? void 0 : k.files[0]);
-    }, b = (T) => {
+      var T, x;
+      _(), (T = n.value) != null && T.files && k((x = n.value) == null ? void 0 : x.files[0]);
+    }, y = (T) => {
       n.value && g && (n.value.accept = T.action, n.value.click());
     }, M = () => {
       n.value && g && t.state == "active" && n.value.click();
-    }, _ = async (T) => {
-      var y;
-      const k = (y = T.clipboardData) == null ? void 0 : y.items;
-      if (k) {
-        for (let C of k)
-          if (C.type.indexOf("image") !== -1) {
+    }, h = async (T) => {
+      var C;
+      const x = (C = T.clipboardData) == null ? void 0 : C.items;
+      if (x) {
+        for (let w of x)
+          if (w.type.indexOf("image") !== -1) {
             T.preventDefault();
-            const m = C.getAsFile();
-            m && x(m);
+            const m = w.getAsFile();
+            m && k(m);
           }
       }
-    }, x = async (T) => {
+    }, k = async (T) => {
       a.value = "uploading", A(!0);
-      const k = typeof t.filebumpUrl == "string" ? t.filebumpUrl : null;
-      await ft(k, T).then((y) => {
-        if (A(!1), a.value = y.status, y.status == "success") {
+      const x = typeof t.filebumpUrl == "string" ? t.filebumpUrl : null;
+      await ft(x, T).then((C) => {
+        if (A(!1), a.value = C.status, C.status == "success") {
           r({
-            url: y.url,
-            name: y.name,
-            size: y.size,
-            type: y.type
+            url: C.url,
+            name: C.name,
+            size: C.size,
+            type: C.type
           });
-          const C = document.getElementById("chat-input-file-line-" + s);
-          C && (C.style.display = "inherit"), y.preview && (i.value = {
-            previewUrl: y.preview.previewUrl,
-            isImage: y.preview.isImage,
-            isVideo: y.preview.isVideo,
-            isAudio: y.preview.isAudio,
-            fileName: y.name,
-            fileSize: y.preview.fileSize
+          const w = document.getElementById("chat-input-file-line-" + s);
+          w && (w.style.display = "inherit"), C.preview && (i.value = {
+            previewUrl: C.preview.previewUrl,
+            isImage: C.preview.isImage,
+            isVideo: C.preview.isVideo,
+            isAudio: C.preview.isAudio,
+            fileName: C.name,
+            fileSize: C.preview.fileSize
           });
         }
       });
     };
     return me(() => {
-      window.addEventListener("paste", _);
-    }), (T, k) => (l(), u(J, null, [
-      a.value === "uploading" ? (l(), u("div", _o, k[0] || (k[0] = [
+      window.addEventListener("paste", h);
+    }), (T, x) => (l(), u(J, null, [
+      a.value === "uploading" ? (l(), u("div", _o, x[0] || (x[0] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : a.value === "error" ? (l(), u("div", ho, k[1] || (k[1] = [
+      ]))) : a.value === "error" ? (l(), u("div", ho, x[1] || (x[1] = [
         o("p", null, "Ошибка при загрузке файла.", -1)
-      ]))) : v("", !0),
+      ]))) : b("", !0),
       o("span", {
         class: S(["file-uploader__trigger", { "file-uploader__disabled": !g.value || e.state == "disabled" }]),
         disabled: !g.value || e.state == "disabled",
-        onClick: b,
+        onClick: y,
         onButtonClick: M
       }, [
         Y(po)
@@ -2475,9 +2475,9 @@ const po = /* @__PURE__ */ O(Ao, [["render", mo]]), _o = { key: 0 }, ho = { key:
         i.value ? (l(), B(et, {
           key: 0,
           "file-info": i.value,
-          onReset: p
-        }, null, 8, ["file-info"])) : v("", !0)
-      ], 8, ["to"])) : v("", !0)
+          onReset: _
+        }, null, 8, ["file-info"])) : b("", !0)
+      ], 8, ["to"])) : b("", !0)
     ], 64));
   }
 }), I6 = /* @__PURE__ */ O(bo, [["__scopeId", "data-v-d85f8dc5"]]), yo = { key: 0 }, Mo = ["value", "selected"], wo = {
@@ -2507,13 +2507,13 @@ const po = /* @__PURE__ */ O(Ao, [["render", mo]]), _o = { key: 0 }, ho = { key:
       o("select", {
         onChange: A[0] || (A[0] = (g) => r(g))
       }, [
-        (l(!0), u(J, null, le(t.themes, (g, p) => (l(), u("option", {
-          key: p,
+        (l(!0), u(J, null, le(t.themes, (g, _) => (l(), u("option", {
+          key: _,
           value: g.code,
           selected: g.default === !0
         }, E(g.name), 9, Mo))), 128))
       ], 32)
-    ])) : v("", !0);
+    ])) : b("", !0);
   }
 }, k6 = /* @__PURE__ */ O(wo, [["__scopeId", "data-v-d6377896"]]), Co = ["id"], tt = /* @__PURE__ */ G({
   __name: "ButtonContextMenu",
@@ -2540,70 +2540,70 @@ const po = /* @__PURE__ */ O(Ao, [["render", mo]]), _o = { key: 0 }, ho = { key:
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: f, emit: t }) {
-    const a = se("chatAppId"), n = se("extChatAppId"), { getTheme: i } = Ue(a), s = e, r = G1(), c = t, d = h(), A = h(), g = h(!1), p = (C) => {
-      k(), c("click", C);
+    const a = se("chatAppId"), n = se("extChatAppId"), { getTheme: i } = Ue(a), s = e, r = G1(), c = t, d = v(), A = v(), g = v(!1), _ = (w) => {
+      x(), c("click", w);
     }, I = () => {
-      s.disabled || (s.mode == "click" && !g.value ? T() : s.mode == "click" && g.value && k(), c("buttonClick"));
-    }, b = () => {
+      s.disabled || (s.mode == "click" && !g.value ? T() : s.mode == "click" && g.value && x(), c("buttonClick"));
+    }, y = () => {
       s.disabled || s.mode == "hover" && T();
     }, M = () => {
-      s.disabled || s.mode == "hover" && k();
-    }, _ = () => {
+      s.disabled || s.mode == "hover" && x();
+    }, h = () => {
       c("menuMouseEnter"), s.disabled || s.mode == "hover" && T();
-    }, x = () => {
-      c("menuMouseLeave"), s.disabled || s.mode == "hover" && k();
+    }, k = () => {
+      c("menuMouseLeave"), s.disabled || s.mode == "hover" && x();
     }, T = () => {
       if (A.value && d.value) {
-        const C = d.value, m = A.value.getBoundingClientRect();
-        C.style.display = "inherit";
-        const w = d.value.getBoundingClientRect();
-        C.style.display = "none", _e(() => {
+        const w = d.value, m = A.value.getBoundingClientRect();
+        w.style.display = "inherit";
+        const p = d.value.getBoundingClientRect();
+        w.style.display = "none", _e(() => {
           const N = {
-            left: { top: m.top - (w.height - m.height) / 2 - w.top, left: m.left - w.width - w.left },
-            right: { top: m.top - (w.height - m.height) / 2 - w.top, left: m.left + m.width - w.left },
-            bottom: { top: (m == null ? void 0 : m.bottom) - w.top, left: (m == null ? void 0 : m.left) - (w.width - m.width) / 2 - w.left },
-            top: { top: m.top - w.height - w.top, left: (m == null ? void 0 : m.left) - (w.width - m.width) / 2 - w.left },
-            "top-right": { top: m.top - w.height, left: m.right - w.width / 2 }
+            left: { top: m.top - (p.height - m.height) / 2 - p.top, left: m.left - p.width - p.left },
+            right: { top: m.top - (p.height - m.height) / 2 - p.top, left: m.left + m.width - p.left },
+            bottom: { top: (m == null ? void 0 : m.bottom) - p.top, left: (m == null ? void 0 : m.left) - (p.width - m.width) / 2 - p.left },
+            top: { top: m.top - p.height - p.top, left: (m == null ? void 0 : m.left) - (p.width - m.width) / 2 - p.left },
+            "top-right": { top: m.top - p.height, left: m.right - p.width / 2 }
           };
-          C.style.top = N[s.menuSide].top + "px", C.style.left = N[s.menuSide].left + "px", C.style.opacity = "1", C.style.display = "inherit", g.value = !0;
+          w.style.top = N[s.menuSide].top + "px", w.style.left = N[s.menuSide].left + "px", w.style.opacity = "1", w.style.display = "inherit", g.value = !0;
         });
       }
-    }, k = () => {
+    }, x = () => {
       if (d.value) {
-        const C = d.value;
-        C && (C.style.top = "0", C.style.left = "0", C.style.opacity = "0", C.style.display = "none", g.value = !1);
+        const w = d.value;
+        w && (w.style.top = "0", w.style.left = "0", w.style.opacity = "0", w.style.display = "none", g.value = !1);
       }
-    }, y = (C) => {
-      s.mode == "click" && A.value && !A.value.contains(C.target) && k();
+    }, C = (w) => {
+      s.mode == "click" && A.value && !A.value.contains(w.target) && x();
     };
     return me(() => {
       _e(() => {
-        d.value = document.getElementById("context-menu-" + r + n), d.value && (k(), document.addEventListener("click", y));
+        d.value = document.getElementById("context-menu-" + r + n), d.value && (x(), document.addEventListener("click", C));
       });
     }), cf(() => {
-      document.removeEventListener("click", y);
+      document.removeEventListener("click", C);
     }), f({
       updatePosition: T,
-      hideMenu: k
-    }), (C, m) => (l(), u("button", {
+      hideMenu: x
+    }), (w, m) => (l(), u("button", {
       id: "container-" + D(r) + D(n),
       ref_key: "actionScope",
       ref: A,
       style: { position: "relative", width: "fit-content", border: "none", background: "transparent", height: "fit-content" },
-      onMouseenter: b,
+      onMouseenter: y,
       onMouseleave: M
     }, [
       o("div", { onClick: I }, [
-        oe(C.$slots, "default")
+        oe(w.$slots, "default")
       ]),
       (l(), B(ke, { to: "body" }, [
         Y(D(_f), {
           id: "context-menu-" + D(r) + D(n),
           actions: e.actions,
           "data-theme": D(i)().theme ? D(i)().theme : "light",
-          onMouseenter: _,
-          onMouseleave: x,
-          onClick: p
+          onMouseenter: h,
+          onMouseleave: k,
+          onClick: _
         }, null, 8, ["id", "actions", "data-theme"])
       ]))
     ], 40, Co));
@@ -2646,31 +2646,31 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
     }
   },
   setup(e, { expose: f }) {
-    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = h(), i = h(), s = h(!1), r = h(null), c = e, d = Q(() => ({
+    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = v(), i = v(), s = v(!1), r = v(null), c = e, d = Q(() => ({
       tooltip__text: !0,
       [`tooltip--${c.position}`]: !0
     })), A = () => {
       r.value && (clearTimeout(r.value), r.value = null);
     }, g = () => {
-      console.log("startAutoShow called, trigger:", c.trigger), c.trigger === "auto" && (console.log("Starting auto show tooltip"), A(), s.value = !0, p(), r.value = setTimeout(() => {
+      console.log("startAutoShow called, trigger:", c.trigger), c.trigger === "auto" && (console.log("Starting auto show tooltip"), A(), s.value = !0, _(), r.value = setTimeout(() => {
         console.log("Auto hiding tooltip after", c.autoShowDuration, "ms"), s.value = !1, r.value = null;
       }, c.autoShowDuration));
-    }, p = () => {
+    }, _ = () => {
       _e(() => {
         if (n.value && i.value) {
-          const M = i.value, _ = n.value.getBoundingClientRect(), x = i.value.getBoundingClientRect(), T = x.left < 0 ? x.left : 0, k = x.top < 0 ? x.top : 0, y = {
-            left: { top: _.top - (x.height - _.height) / 2 - k, left: (_ == null ? void 0 : _.left) - x.width - T - c.offset },
-            right: { top: _.top - (x.height - _.height) / 2 - k, left: (_ == null ? void 0 : _.left) + _.width - T + c.offset },
-            bottom: { top: (_ == null ? void 0 : _.bottom) - k + c.offset, left: (_ == null ? void 0 : _.left) - T },
-            "bottom-left": { top: (_ == null ? void 0 : _.bottom) - k + c.offset, left: (_ == null ? void 0 : _.left) + _.width - x.width - T },
-            top: { top: _.top - x.height - c.offset - k, left: (_ == null ? void 0 : _.left) - T }
+          const M = i.value, h = n.value.getBoundingClientRect(), k = i.value.getBoundingClientRect(), T = k.left < 0 ? k.left : 0, x = k.top < 0 ? k.top : 0, C = {
+            left: { top: h.top - (k.height - h.height) / 2 - x, left: (h == null ? void 0 : h.left) - k.width - T - c.offset },
+            right: { top: h.top - (k.height - h.height) / 2 - x, left: (h == null ? void 0 : h.left) + h.width - T + c.offset },
+            bottom: { top: (h == null ? void 0 : h.bottom) - x + c.offset, left: (h == null ? void 0 : h.left) - T },
+            "bottom-left": { top: (h == null ? void 0 : h.bottom) - x + c.offset, left: (h == null ? void 0 : h.left) + h.width - k.width - T },
+            top: { top: h.top - k.height - c.offset - x, left: (h == null ? void 0 : h.left) - T }
           };
-          M.style.top = y[c.position].top + "px", M.style.left = y[c.position].left + "px";
+          M.style.top = C[c.position].top + "px", M.style.left = C[c.position].left + "px";
         }
       });
     }, I = () => {
-      c.trigger === "hover" && (s.value = !0), p();
-    }, b = () => {
+      c.trigger === "hover" && (s.value = !0), _();
+    }, y = () => {
       c.trigger === "hover" && (s.value = !1, _e(() => {
         const M = D(i);
         M && (M.style.top = "0", M.style.left = "0");
@@ -2681,13 +2681,13 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
     }), f({
       startAutoShow: g,
       clearAutoTimer: A
-    }), (M, _) => (l(), u(J, null, [
+    }), (M, h) => (l(), u(J, null, [
       o("div", {
         ref_key: "container",
         ref: n,
         class: "tooltip-wrapper",
         onMouseover: I,
-        onMouseout: b
+        onMouseout: y
       }, [
         oe(M.$slots, "default", {}, void 0, !0)
       ], 544),
@@ -2700,7 +2700,7 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
               ref: i,
               "data-theme": D(a)().theme ? D(a)().theme : "light",
               class: S(d.value)
-            }, E(e.text), 11, To)) : v("", !0)
+            }, E(e.text), 11, To)) : b("", !0)
           ]),
           _: 1
         })
@@ -2729,66 +2729,66 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
   emits: ["selectItem"],
   setup(e, { emit: f }) {
     const t = e, a = Jt(t, "sidebarItems"), n = Jt(t, "menuActions"), i = f, s = Q(
-      () => a.value.filter((m) => m.isFixedBottom).sort((m, w) => w.notificationCount - m.notificationCount)
+      () => a.value.filter((m) => m.isFixedBottom).sort((m, p) => p.notificationCount - m.notificationCount)
     ), r = Q(
-      () => a.value.filter((m) => !m.isFixedBottom).sort((m, w) => w.notificationCount - m.notificationCount)
+      () => a.value.filter((m) => !m.isFixedBottom).sort((m, p) => p.notificationCount - m.notificationCount)
     ), c = (m) => {
-      const w = a.value.find((N) => N.itemId === m);
-      i("selectItem", w);
-    }, d = (m, w) => {
-      y(m.currentTarget), c(w);
+      const p = a.value.find((N) => N.itemId === m);
+      i("selectItem", p);
+    }, d = (m, p) => {
+      C(m.currentTarget), c(p);
     }, A = (m) => {
-      const w = m.split(" ");
-      return w.length > 2 ? w.slice(0, 2).join(" ") : m;
+      const p = m.split(" ");
+      return p.length > 2 ? p.slice(0, 2).join(" ") : m;
     }, g = (m) => {
       console.log("Выбрано действие:", m), typeof m.action == "function" && m.action();
-    }, p = () => {
+    }, _ = () => {
       console.log("Кнопка меню была нажата");
-    }, I = h(null), b = h(!1), M = h(0), _ = h(40), x = h(!1), T = (m) => {
-      const w = I.value;
-      if (!w || !m) return 0;
-      const N = w.getBoundingClientRect(), z = m.getBoundingClientRect(), ee = z.top + z.height / 2 - N.top - _.value / 2;
+    }, I = v(null), y = v(!1), M = v(0), h = v(40), k = v(!1), T = (m) => {
+      const p = I.value;
+      if (!p || !m) return 0;
+      const N = p.getBoundingClientRect(), z = m.getBoundingClientRect(), ee = z.top + z.height / 2 - N.top - h.value / 2;
       return Math.max(0, ee);
-    }, k = () => {
+    }, x = () => {
       if (!I.value) return;
-      const w = I.value.querySelector(".sidebar__image--active");
-      w ? (M.value = T(w), b.value = !0) : b.value = !1;
-    }, y = (m) => {
+      const p = I.value.querySelector(".sidebar__image--active");
+      p ? (M.value = T(p), y.value = !0) : y.value = !1;
+    }, C = (m) => {
       try {
         if (!m || !I.value) return;
-        const w = m.querySelector(".sidebar__image");
-        if (!w) return;
-        const N = T(w), z = 12, U = 160;
-        x.value = !0, _.value = z, setTimeout(() => {
+        const p = m.querySelector(".sidebar__image");
+        if (!p) return;
+        const N = T(p), z = 12, U = 160;
+        k.value = !0, h.value = z, setTimeout(() => {
           M.value = N, requestAnimationFrame(() => {
-            _.value = 40, setTimeout(() => {
-              x.value = !1;
+            h.value = 40, setTimeout(() => {
+              k.value = !1;
             }, U);
           });
         }, U);
       } catch {
       }
-    }, C = () => k();
+    }, w = () => x();
     return me(() => {
-      var w;
-      _e(k), window.addEventListener("resize", C);
-      const m = (w = I.value) == null ? void 0 : w.querySelector(".sidebar__scroll-container");
-      m && m.addEventListener("scroll", k);
+      var p;
+      _e(x), window.addEventListener("resize", w);
+      const m = (p = I.value) == null ? void 0 : p.querySelector(".sidebar__scroll-container");
+      m && m.addEventListener("scroll", x);
     }), cf(() => {
-      var w;
-      window.removeEventListener("resize", C);
-      const m = (w = I.value) == null ? void 0 : w.querySelector(".sidebar__scroll-container");
-      m && m.removeEventListener("scroll", k);
-    }), ne(() => a.value.map((m) => m.selected), () => _e(k)), (m, w) => (l(), u("div", {
+      var p;
+      window.removeEventListener("resize", w);
+      const m = (p = I.value) == null ? void 0 : p.querySelector(".sidebar__scroll-container");
+      m && m.removeEventListener("scroll", x);
+    }), ne(() => a.value.map((m) => m.selected), () => _e(x)), (m, p) => (l(), u("div", {
       ref_key: "containerRef",
       ref: I,
       class: S(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
     }, [
-      !e.horizontal && b.value ? (l(), u("span", {
+      !e.horizontal && y.value ? (l(), u("span", {
         key: 0,
-        class: S(["sidebar__selected-bar", { "is-animating": x.value }]),
-        style: re({ top: M.value + "px", height: _.value + "px" })
-      }, null, 6)) : v("", !0),
+        class: S(["sidebar__selected-bar", { "is-animating": k.value }]),
+        style: re({ top: M.value + "px", height: h.value + "px" })
+      }, null, 6)) : b("", !0),
       o("div", Eo, [
         o("ul", {
           class: S(["sidebar__list-fixed", { "sidebar-horizontal__list-fixed": e.horizontal }])
@@ -2813,12 +2813,12 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
                     "sidebar-horizontal__image": e.horizontal
                   }])
                 }, null, 10, So),
-                w[0] || (w[0] = o("p", null, "Мои", -1)),
-                N.notificationCount ? (l(), u("span", Vo, E(N.notificationCount > 99 ? "99+" : N.notificationCount), 1)) : v("", !0)
+                p[0] || (p[0] = o("p", null, "Мои", -1)),
+                N.notificationCount ? (l(), u("span", Vo, E(N.notificationCount > 99 ? "99+" : N.notificationCount), 1)) : b("", !0)
               ]),
               _: 2,
               __: [0]
-            }, 1032, ["text"])) : v("", !0)
+            }, 1032, ["text"])) : b("", !0)
           ], 10, jo))), 128))
         ], 2),
         o("ul", {
@@ -2855,7 +2855,7 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
                 "sidebar-horizontal__image": e.horizontal
               }])
             }, null, 10, zo)),
-            N.notificationCount ? (l(), u("span", Uo, E(N.notificationCount > 99 ? "99+" : N.notificationCount), 1)) : v("", !0)
+            N.notificationCount ? (l(), u("span", Uo, E(N.notificationCount > 99 ? "99+" : N.notificationCount), 1)) : b("", !0)
           ], 10, Lo))), 128))
         ], 2)
       ]),
@@ -2865,7 +2865,7 @@ const Do = /* @__PURE__ */ O(Io, [["render", xo]]), To = ["data-theme"], No = /*
           mode: "click",
           "menu-side": "top-right",
           onClick: g,
-          onButtonClick: p
+          onButtonClick: _
         }, {
           default: K(() => [
             o("button", $o, [
@@ -2923,8 +2923,8 @@ const Yo = /* @__PURE__ */ O(Qo, [["render", Po]]), qo = { class: "chat-panel" }
           ])
         ]),
         e.titleEnabled ? (l(), u("div", Zo, [
-          e.title ? (l(), u("span", Ko, E(e.title), 1)) : v("", !0)
-        ])) : v("", !0)
+          e.title ? (l(), u("span", Ko, E(e.title), 1)) : b("", !0)
+        ])) : b("", !0)
       ]),
       o("div", null, [
         oe(t.$slots, "content", {}, void 0, !0)
@@ -2957,10 +2957,10 @@ const Yo = /* @__PURE__ */ O(Qo, [["render", Po]]), qo = { class: "chat-panel" }
   },
   emits: ["selectChannel"],
   setup(e, { emit: f }) {
-    const t = e, a = se("chatAppId"), { getMessage: n } = ze(a), i = f, r = h(t.channels.find((d) => d.type === "default")), c = (d) => {
+    const t = e, a = se("chatAppId"), { getMessage: n } = ze(a), i = f, r = v(t.channels.find((d) => d.type === "default")), c = (d) => {
       r.value = d, i("selectChannel", r.value);
     };
-    return (d, A) => D(n)().isRecording ? v("", !0) : (l(), u("div", {
+    return (d, A) => D(n)().isRecording ? b("", !0) : (l(), u("div", {
       key: 0,
       class: S(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
     }, [
@@ -2969,7 +2969,7 @@ const Yo = /* @__PURE__ */ O(Qo, [["render", Po]]), qo = { class: "chat-panel" }
           key: 0,
           src: r.value.icon,
           class: "channels__icon"
-        }, null, 8, Xo)) : v("", !0),
+        }, null, 8, Xo)) : b("", !0),
         o("span", el, E(r.value.title), 1)
       ])) : (l(), u("span", fl, E(D(he)("component.ChannelSelector.Placeholder")), 1)),
       Y(tt, {
@@ -3000,18 +3000,18 @@ const E6 = (e, f = null) => {
   const n = (A) => new Date(A.getFullYear(), A.getMonth(), A.getDate()).getTime(), i = /* @__PURE__ */ new Date(), s = n(i), r = new Date(i);
   r.setDate(r.getDate() - 1);
   const c = n(r), d = (A) => {
-    const g = new Date(A * 1e3), p = n(g);
-    return p === s ? "Сегодня" : p === c ? "Вчера" : g.toLocaleDateString();
+    const g = new Date(A * 1e3), _ = n(g);
+    return _ === s ? "Сегодня" : _ === c ? "Вчера" : g.toLocaleDateString();
   };
   f !== null && (a = d(f));
   for (let A = 0; A < e.length; A++) {
-    const g = e[A], p = d(g.timestamp);
-    p !== a && (t.push({
+    const g = e[A], _ = d(g.timestamp);
+    _ !== a && (t.push({
       isSeparator: !0,
-      day: p,
-      text: p,
+      day: _,
+      text: _,
       type: "system.date"
-    }), a = p), t.push(g);
+    }), a = _), t.push(g);
   }
   return t;
 }, j6 = async () => {
@@ -3082,42 +3082,42 @@ const E6 = (e, f = null) => {
   },
   emits: ["select", "action", "expand"],
   setup(e, { emit: f }) {
-    const t = e, a = f, n = h(!1), i = h(!1), s = () => {
+    const t = e, a = f, n = v(!1), i = v(!1), s = () => {
       i.value = !0;
-    }, r = (k) => {
-      i.value || k.target instanceof HTMLElement && k.target.id != "noSelectButton" && a("select", { chat: t.chat, dialog: null }), i.value = !1;
-    }, c = (k) => {
-      a("select", { chat: t.chat, dialog: k });
+    }, r = (w) => {
+      i.value || w.target instanceof HTMLElement && w.target.id != "noSelectButton" && a("select", { chat: t.chat, dialog: null }), i.value = !1;
+    }, c = (w) => {
+      a("select", { chat: t.chat, dialog: w });
     }, d = () => {
-      const k = [];
-      return t.chat.isSelected && k.push("chat-item__selected"), t.hasScroll && k.push("chat-item__with-scroll"), k.join(" ");
-    }, A = (k) => k.isSelected ? "dialog__selected" : "", g = (k) => {
-      a("action", { chat: t.chat, ...k });
-    }, p = () => t.chat.dialogs.toSorted((k, y) => {
-      if (Number(k["lastActivity.timestamp"]) > Number(y["lastActivity.timestamp"])) return -1;
-      if (Number(k["lastActivity.timestamp"]) < Number(y["lastActivity.timestamp"])) return 1;
-      if (Number(k["lastActivity.timestamp"]) == Number(y["lastActivity.timestamp"])) return 0;
-    }), I = Q(() => Ef(t.chat["lastMessage.status"]));
-    let b;
-    const M = h(0), _ = [he("component.ChatItem.typing") + ".", he("component.ChatItem.typing") + "..", he("component.ChatItem.typing") + "..."], x = Q(() => t.chat.typing ? _[M.value] : t.chat.lastMessage);
+      const w = [];
+      return t.chat.isSelected && w.push("chat-item__selected"), t.hasScroll && w.push("chat-item__with-scroll"), w.join(" ");
+    }, A = (w) => w.isSelected ? "dialog__selected" : "", g = (w) => {
+      a("action", { chat: t.chat, ...w });
+    }, _ = () => t.chat.dialogs.toSorted((w, m) => {
+      if (Number(w["lastActivity.timestamp"]) > Number(m["lastActivity.timestamp"])) return -1;
+      if (Number(w["lastActivity.timestamp"]) < Number(m["lastActivity.timestamp"])) return 1;
+      if (Number(w["lastActivity.timestamp"]) == Number(m["lastActivity.timestamp"])) return 0;
+    }), I = Q(() => Ef(t.chat["lastMessage.status"])), y = Q(() => t.chat.showEmptyIndicator || t.chat.countUnread > 0), M = Q(() => t.chat.countUnread > 0 ? t.chat.countUnread > 99 ? "99+" : t.chat.countUnread : t.chat.showEmptyIndicator ? "" : void 0);
+    let h;
+    const k = v(0), T = [he("component.ChatItem.typing") + ".", he("component.ChatItem.typing") + "..", he("component.ChatItem.typing") + "..."], x = Q(() => t.chat.typing ? T[k.value] : t.chat.lastMessage);
     ne(
       () => t.chat.typing,
       () => {
-        t.chat.typing ? b = setInterval(() => {
-          M.value < 2 ? M.value += 1 : M.value = 0;
-        }, 1e3) : (M.value = 0, clearInterval(b));
+        t.chat.typing ? h = setInterval(() => {
+          k.value < 2 ? k.value += 1 : k.value = 0;
+        }, 1e3) : (k.value = 0, clearInterval(h));
       },
       { immediate: !0 }
     );
-    const T = (k) => {
-      var y;
-      ((y = k.relatedTarget) == null ? void 0 : y.className) == "context-menu__list" ? n.value = !0 : n.value = !1;
+    const C = (w) => {
+      var m;
+      ((m = w.relatedTarget) == null ? void 0 : m.className) == "context-menu__list" ? n.value = !0 : n.value = !1;
     };
-    return (k, y) => (l(), u("div", null, [
+    return (w, m) => (l(), u("div", null, [
       o("div", {
         class: S(["chat-item__container", d()]),
-        onMouseenter: y[2] || (y[2] = (C) => n.value = !0),
-        onMouseleave: T,
+        onMouseenter: m[2] || (m[2] = (p) => n.value = !0),
+        onMouseleave: C,
         onClick: r
       }, [
         o("div", nl, [
@@ -3149,14 +3149,14 @@ const E6 = (e, f = null) => {
             position: "bottom"
           }, {
             default: K(() => [
-              e.chat.lastMessage || e.chat.typing ? (l(), u("div", ll, E(x.value), 1)) : v("", !0)
+              e.chat.lastMessage || e.chat.typing ? (l(), u("div", ll, E(x.value), 1)) : b("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
         o("div", ul, [
-          e.chat["lastActivity.time"] && (!e.chat.actions || !n.value) ? (l(), u("div", cl, E(e.chat["lastActivity.time"]), 1)) : v("", !0),
-          e.chat.countUnread > 0 ? (l(), u("div", rl, E(e.chat.countUnread > 99 ? "99+" : e.chat.countUnread), 1)) : v("", !0),
+          e.chat["lastActivity.time"] && (!e.chat.actions || !n.value) ? (l(), u("div", cl, E(e.chat["lastActivity.time"]), 1)) : b("", !0),
+          y.value ? (l(), u("div", rl, E(M.value), 1)) : b("", !0),
           n.value && e.chat.actions ? (l(), B(tt, {
             key: 2,
             mode: "click",
@@ -3164,74 +3164,74 @@ const E6 = (e, f = null) => {
             actions: e.chat.actions,
             onClick: g,
             onButtonClick: s,
-            onMenuMouseLeave: y[0] || (y[0] = (C) => n.value = !1)
+            onMenuMouseLeave: m[0] || (m[0] = (p) => n.value = !1)
           }, {
-            default: K(() => y[3] || (y[3] = [
+            default: K(() => m[3] || (m[3] = [
               o("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
             ])),
             _: 1,
             __: [3]
-          }, 8, ["actions"])) : v("", !0),
+          }, 8, ["actions"])) : b("", !0),
           e.chat.countUnread < 1 ? (l(), u("div", dl, [
             D(Nf).includes(e.chat["lastMessage.status"]) ? (l(), u("div", {
               key: 0,
               class: S(["chat-item__status-message", I.value])
             }, [
-              e.chat["lastMessage.status"] !== "sent" ? (l(), u("span", Al)) : v("", !0),
-              y[4] || (y[4] = o("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : v("", !0),
-            e.chat.isFixedTop || e.chat.isFixedBottom ? (l(), u("span", gl)) : v("", !0)
-          ])) : v("", !0)
+              e.chat["lastMessage.status"] !== "sent" ? (l(), u("span", Al)) : b("", !0),
+              m[4] || (m[4] = o("span", { class: "pi pi-check" }, null, -1))
+            ], 2)) : b("", !0),
+            e.chat.isFixedTop || e.chat.isFixedBottom ? (l(), u("span", gl)) : b("", !0)
+          ])) : b("", !0)
         ]),
         t.showDialogs && e.chat.dialogs ? (l(), u("div", {
           key: 0,
           class: "chat-item__dialog-buttons",
-          onClick: y[1] || (y[1] = (C) => a("expand", t.chat))
+          onClick: m[1] || (m[1] = (p) => a("expand", t.chat))
         }, [
-          t.showDialogs && !e.chat.dialogsExpanded ? (l(), u("button", ml, y[5] || (y[5] = [
+          t.showDialogs && !e.chat.dialogsExpanded ? (l(), u("button", ml, m[5] || (m[5] = [
             o("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
-          ]))) : v("", !0),
-          t.showDialogs && e.chat.dialogsExpanded ? (l(), u("button", pl, y[6] || (y[6] = [
+          ]))) : b("", !0),
+          t.showDialogs && e.chat.dialogsExpanded ? (l(), u("button", pl, m[6] || (m[6] = [
             o("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
             }, null, -1)
-          ]))) : v("", !0)
-        ])) : v("", !0)
+          ]))) : b("", !0)
+        ])) : b("", !0)
       ], 34),
       t.showDialogs && e.chat.dialogsExpanded ? (l(), u("div", {
         key: 0,
         class: S(["dialog__container", { "dialog__container--with-scroll": t.hasScroll }])
       }, [
-        (l(!0), u(J, null, le(p(), (C) => (l(), u("div", {
-          key: C.dialogId,
-          class: S(["dialog__item", A(C)]),
-          onClick: (m) => c(C)
+        (l(!0), u(J, null, le(_(), (p) => (l(), u("div", {
+          key: p.dialogId,
+          class: S(["dialog__item", A(p)]),
+          onClick: (N) => c(p)
         }, [
-          C.icon ? (l(), u("img", {
+          p.icon ? (l(), u("img", {
             key: 0,
             class: "dialog__icon",
-            src: C.icon,
+            src: p.icon,
             height: "16",
             width: "16"
           }, null, 8, hl)) : (l(), u("span", vl)),
           o("div", bl, [
-            o("div", yl, E(C.name), 1),
-            o("div", Ml, E(C["lastActivity.time"]), 1)
+            o("div", yl, E(p.name), 1),
+            o("div", Ml, E(p["lastActivity.time"]), 1)
           ]),
-          C.countUnread > 0 ? (l(), u("div", {
+          p.countUnread > 0 ? (l(), u("div", {
             key: 2,
             class: "chat-item__unread",
-            style: re({ backgroundColor: C.colorUnread ? C.colorUnread : null })
-          }, E(C.countUnread > 99 ? "99+" : C.countUnread), 5)) : v("", !0)
+            style: re({ backgroundColor: p.colorUnread ? p.colorUnread : null })
+          }, E(p.countUnread > 99 ? "99+" : p.countUnread), 5)) : b("", !0)
         ], 10, _l))), 128))
-      ], 2)) : v("", !0)
+      ], 2)) : b("", !0)
     ]));
   }
-}), At = /* @__PURE__ */ O(wl, [["__scopeId", "data-v-230bfd38"]]), Cl = {}, Il = {
+}), At = /* @__PURE__ */ O(wl, [["__scopeId", "data-v-7cd036b6"]]), Cl = {}, Il = {
   width: "17",
   height: "16",
   viewBox: "0 0 17 16",
@@ -3264,7 +3264,7 @@ const xl = /* @__PURE__ */ O(Cl, [["render", kl]]), Dl = { class: "chat-filter__
   },
   emits: ["update"],
   setup(e, { emit: f }) {
-    const t = h(""), a = f, n = () => {
+    const t = v(""), a = f, n = () => {
       const i = D(t);
       a("update", i.value);
     };
@@ -3381,25 +3381,25 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
   },
   emits: ["close", "open-crm", "select-attribute-channel"],
   setup(e, { emit: f }) {
-    const t = e, a = f, n = h(t.contact.attributes[0].id || ""), i = h(t.channels[0] || null), s = h(!1), r = (M) => {
+    const t = e, a = f, n = v(t.contact.attributes[0].id || ""), i = v(t.channels[0] || null), s = v(!1), r = (M) => {
       i.value = M, s.value = !1, console.log(`Выбран канал связи: ${M.title}`), a("select-attribute-channel", {
         attributeId: n.value,
         channelId: M.channelId
       });
     }, c = (M) => (M == null ? void 0 : M.replace(/\D/g, "")) || "", d = Q(() => {
       var M;
-      return (M = t.contact.attributes) == null ? void 0 : M.find((_) => _.id === n.value);
+      return (M = t.contact.attributes) == null ? void 0 : M.find((h) => h.id === n.value);
     }), A = Q(() => {
       if (i.value)
         return i.value;
       if (!d.value) return t.channels[0] || null;
       const M = c(d.value.value);
-      return M ? t.channels.find((x) => {
-        var m, w;
-        const T = ((m = x.title) == null ? void 0 : m.toLowerCase()) || "", k = ((w = x.channelId) == null ? void 0 : w.toLowerCase()) || "", y = T.includes(M), C = ["whatsapp", "waba", "telegram"].some((N) => k.includes(N));
-        return y && C;
+      return M ? t.channels.find((k) => {
+        var m, p;
+        const T = ((m = k.title) == null ? void 0 : m.toLowerCase()) || "", x = ((p = k.channelId) == null ? void 0 : p.toLowerCase()) || "", C = T.includes(M), w = ["whatsapp", "waba", "telegram"].some((N) => x.includes(N));
+        return C && w;
       }) || t.channels[0] || { title: "default", channelId: "fallback" } : t.channels[0] || null;
-    }), g = Q(() => t.channels), p = (M) => M ? M.includes("whatsapp") || M.includes("waba") ? Ul : M.includes("telegram") ? Ql : null : null, I = (M) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === M.id, b = (M) => {
+    }), g = Q(() => t.channels), _ = (M) => M ? M.includes("whatsapp") || M.includes("waba") ? Ul : M.includes("telegram") ? Ql : null : null, I = (M) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === M.id, y = (M) => {
       a("select-attribute-channel", {
         attributeId: M.id,
         channelId: i.value.channelId
@@ -3408,24 +3408,24 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
     return ne(
       () => t.contact,
       () => {
-        var M, _;
-        (_ = (M = t.contact) == null ? void 0 : M.attributes) != null && _.length && !n.value && (n.value = t.contact.attributes[0].id);
+        var M, h;
+        (h = (M = t.contact) == null ? void 0 : M.attributes) != null && h.length && !n.value && (n.value = t.contact.attributes[0].id);
       },
       { immediate: !0 }
-    ), (M, _) => {
-      var x, T, k, y;
+    ), (M, h) => {
+      var k, T, x, C;
       return l(), u("div", Fl, [
         o("div", Pl, [
-          (l(!0), u(J, null, le(((x = e.contact) == null ? void 0 : x.attributes) || [], (C, m) => (l(), u("div", {
-            key: C.id,
-            class: S(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": I(C) }])
+          (l(!0), u(J, null, le(((k = e.contact) == null ? void 0 : k.attributes) || [], (w, m) => (l(), u("div", {
+            key: w.id,
+            class: S(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": I(w) }])
           }, [
             ge(o("input", {
               id: `attr-${m}`,
-              "onUpdate:modelValue": _[0] || (_[0] = (w) => n.value = w),
+              "onUpdate:modelValue": h[0] || (h[0] = (p) => n.value = p),
               type: "radio",
-              value: C.id,
-              onChange: (w) => b(C)
+              value: w.id,
+              onChange: (p) => y(w)
             }, null, 40, Yl), [
               [Tt, n.value]
             ]),
@@ -3434,20 +3434,20 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
             }, [
               o("span", Hl, [
                 o("span", Wl, [
-                  n.value === C.id ? (l(), B(Vl, { key: 0 })) : v("", !0)
+                  n.value === w.id ? (l(), B(Vl, { key: 0 })) : b("", !0)
                 ])
               ]),
-              $e(" " + E(C.value) + " ", 1),
-              I(C) ? (l(), u("span", Zl, " Текущий чат ")) : v("", !0)
+              $e(" " + E(w.value) + " ", 1),
+              I(w) ? (l(), u("span", Zl, " Текущий чат ")) : b("", !0)
             ], 8, ql)
           ], 2))), 128))
         ]),
         o("div", Kl, [
-          _[3] || (_[3] = o("label", { class: "contact-info__channel-label" }, "Канал связи", -1)),
+          h[3] || (h[3] = o("label", { class: "contact-info__channel-label" }, "Канал связи", -1)),
           o("div", Jl, [
             o("div", {
               class: "contact-info__select-trigger",
-              onClick: _[1] || (_[1] = (C) => s.value = !s.value)
+              onClick: h[1] || (h[1] = (w) => s.value = !s.value)
             }, [
               o("div", Gl, [
                 (T = A.value) != null && T.icon ? (l(), u("img", {
@@ -3456,47 +3456,47 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
                   alt: A.value.title,
                   width: "22",
                   height: "22"
-                }, null, 8, Xl)) : (l(), B(Se(p((k = A.value) == null ? void 0 : k.channelId)), {
+                }, null, 8, Xl)) : (l(), B(Se(_((x = A.value) == null ? void 0 : x.channelId)), {
                   key: 1,
                   class: "contact-info__icon-component"
                 }))
               ]),
-              o("span", null, E((y = A.value) == null ? void 0 : y.title), 1),
+              o("span", null, E((C = A.value) == null ? void 0 : C.title), 1),
               o("div", {
                 class: S(["contact-info__arrow", { "contact-info__arrow--open": s.value }])
               }, null, 2)
             ]),
             s.value ? (l(), u("div", e0, [
-              (l(!0), u(J, null, le(g.value, (C) => (l(), u("div", {
-                key: C.channelId,
+              (l(!0), u(J, null, le(g.value, (w) => (l(), u("div", {
+                key: w.channelId,
                 class: "contact-info__select-option",
-                onClick: (m) => r(C)
+                onClick: (m) => r(w)
               }, [
                 o("div", t0, [
-                  C.icon ? (l(), u("img", {
+                  w.icon ? (l(), u("img", {
                     key: 0,
-                    src: C.icon,
-                    alt: C.title,
+                    src: w.icon,
+                    alt: w.title,
                     width: "22",
                     height: "22"
-                  }, null, 8, n0)) : (l(), B(Se(p(C.channelId)), {
+                  }, null, 8, n0)) : (l(), B(Se(_(w.channelId)), {
                     key: 1,
                     class: "contact-info__icon-component"
                   }))
                 ]),
-                o("span", null, E(C.title), 1)
+                o("span", null, E(w.title), 1)
               ], 8, f0))), 128))
-            ])) : v("", !0)
+            ])) : b("", !0)
           ])
         ]),
-        _[5] || (_[5] = o("div", { class: "contact-info__divider" }, null, -1)),
+        h[5] || (h[5] = o("div", { class: "contact-info__divider" }, null, -1)),
         o("div", a0, [
           o("button", {
             class: "contact-info__button",
-            onClick: _[2] || (_[2] = (C) => M.$emit("open-crm"))
+            onClick: h[2] || (h[2] = (w) => M.$emit("open-crm"))
           }, [
             Y(ei),
-            _[4] || (_[4] = $e(" Открыть контакт в CRM ", -1))
+            h[4] || (h[4] = $e(" Открыть контакт в CRM ", -1))
           ])
         ])
       ]);
@@ -3543,32 +3543,32 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
   setup(e, { emit: f }) {
     const t = e, a = se("chatAppId"), { setMessageText: n } = ze(a), i = () => {
       s("closeTemplateWindow"), n(c.value.template);
-    }, s = f, r = h(null), c = h(null), d = h(""), A = h(), g = h(""), p = h(""), I = h(""), b = h(!1), M = Q(() => !!(b.value && (I.value == "grid" && p.value == "none" || p.value == "grid" && g.value == "none"))), _ = Q(() => !!(b.value && (g.value == "grid" && p.value == "none" || p.value == "grid" && I.value == "none"))), x = () => {
-      b.value && (p.value == "grid" ? k() : I.value == "grid" && C());
+    }, s = f, r = v(null), c = v(null), d = v(""), A = v(), g = v(""), _ = v(""), I = v(""), y = v(!1), M = Q(() => !!(y.value && (I.value == "grid" && _.value == "none" || _.value == "grid" && g.value == "none"))), h = Q(() => !!(y.value && (g.value == "grid" && _.value == "none" || _.value == "grid" && I.value == "none"))), k = () => {
+      y.value && (_.value == "grid" ? x() : I.value == "grid" && w());
     }, T = () => {
-      b.value && (p.value == "grid" ? y() : g.value == "grid" && C());
-    }, k = () => {
+      y.value && (_.value == "grid" ? C() : g.value == "grid" && w());
+    }, x = () => {
       const H = document.getElementById("template-selector-container-" + a);
       H.style.setProperty("--chotto-template-first-col-display", "grid"), H.style.setProperty("--chotto-template-second-col-display", "none"), m();
-    }, y = () => {
+    }, C = () => {
       const H = document.getElementById("template-selector-container-" + a);
       H.style.setProperty("--chotto-template-third-col-display", "grid"), H.style.setProperty("--chotto-template-second-col-display", "none"), m();
-    }, C = () => {
+    }, w = () => {
       const H = document.getElementById("template-selector-container-" + a);
       H.style.setProperty("--chotto-template-second-col-display", "grid"), H.style.setProperty("--chotto-template-first-col-display", "none"), H.style.setProperty("--chotto-template-third-col-display", "none"), m();
     }, m = () => {
       const H = document.getElementById("template-selector-container-" + a), W = window.getComputedStyle(H);
-      g.value = W.getPropertyValue("--chotto-template-first-col-display"), p.value = W.getPropertyValue("--chotto-template-second-col-display"), I.value = W.getPropertyValue("--chotto-template-third-col-display");
-    }, w = (H) => {
-      t.templates.forEach((W) => W.isSelected = !1), H.isSelected = !0, c.value = H, y();
+      g.value = W.getPropertyValue("--chotto-template-first-col-display"), _.value = W.getPropertyValue("--chotto-template-second-col-display"), I.value = W.getPropertyValue("--chotto-template-third-col-display");
+    }, p = (H) => {
+      t.templates.forEach((W) => W.isSelected = !1), H.isSelected = !0, c.value = H, C();
     }, N = () => {
-      C(), t.templates.forEach((H) => H.isSelected = !1);
+      w(), t.templates.forEach((H) => H.isSelected = !1);
     }, z = Q(() => r.value ? t.templates.filter((H) => H.groupId === r.value.groupId) : t.templates), U = Q(() => {
       const H = d.value.trim().toLowerCase();
       return z.value.filter((W) => W.title.toLowerCase().includes(H) || W.template.toLowerCase().includes(H));
     }), ee = new ResizeObserver((H) => {
       const W = H[0].target.clientWidth;
-      W > 700 && (b.value = !1), W < 700 && (b.value = !0);
+      W > 700 && (y.value = !1), W < 700 && (y.value = !0);
     });
     return me(() => {
       m(), D(A) && ee.observe(D(A));
@@ -3587,15 +3587,15 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
             M.value ? (l(), u("button", c0, [
               o("span", {
                 class: "pi pi-arrow-left",
-                onClick: x
+                onClick: k
               })
-            ])) : v("", !0),
-            _.value ? (l(), u("button", r0, [
+            ])) : b("", !0),
+            h.value ? (l(), u("button", r0, [
               o("span", {
                 class: "pi pi-arrow-right",
                 onClick: T
               })
-            ])) : v("", !0)
+            ])) : b("", !0)
           ]),
           o("button", d0, [
             o("span", {
@@ -3621,7 +3621,7 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
                     class: "template-selector__item-group-icon",
                     src: R.iconUrl,
                     alt: R.title
-                  }, null, 8, _0)) : v("", !0),
+                  }, null, 8, _0)) : b("", !0),
                   ge(o("input", {
                     id: ie,
                     "onUpdate:modelValue": W[1] || (W[1] = (X) => r.value = X),
@@ -3655,7 +3655,7 @@ const Ql = /* @__PURE__ */ O(Bl, [["render", Rl]]), Fl = { class: "contact-info"
                 (l(!0), u(J, null, le(U.value, (R, ie) => (l(), u("li", {
                   key: ie,
                   class: S(["template-selector__item-template", { "template-selector__item-selected": R.isSelected }]),
-                  onClick: (X) => w(R)
+                  onClick: (X) => p(R)
                 }, [
                   o("div", C0, [
                     o("p", I0, E(R.title), 1),
@@ -3733,7 +3733,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
     }
   },
   setup(e) {
-    const f = e, t = se("chatAppId"), { getMessage: a } = ze(t), n = h(null), i = h(null), s = () => {
+    const f = e, t = se("chatAppId"), { getMessage: a } = ze(t), n = v(null), i = v(null), s = () => {
       f.mode == "click" && f.state == "active" && (i.value.style.display == "none" ? i.value.style.display = "inherit" : i.value.style.display == "inherit" && (i.value.style.display = "none"));
     }, r = () => {
       f.mode == "hover" && f.state == "active" && (i.value.style.display = "inherit");
@@ -3750,7 +3750,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
         position: "left"
       }, {
         default: K(() => [
-          D(a)().isRecording ? v("", !0) : (l(), u("button", {
+          D(a)().isRecording ? b("", !0) : (l(), u("button", {
             key: 0,
             ref_key: "templateButton",
             ref: n,
@@ -3806,7 +3806,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
   },
   emits: ["edit"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), a = e, n = f, i = h(a.value), s = h();
+    const t = se("chatAppId"), a = e, n = f, i = v(a.value), s = v();
     ne(
       () => a.isFilled,
       () => {
@@ -3817,8 +3817,8 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
     const r = (g) => {
       if (!a.isFilled) {
         i.value = "";
-        const p = window.getSelection();
-        p.getRangeAt && p.rangeCount && p.getRangeAt(0).selectNodeContents(g.target);
+        const _ = window.getSelection();
+        _.getRangeAt && _.rangeCount && _.getRangeAt(0).selectNodeContents(g.target);
       }
     };
     function c() {
@@ -3836,7 +3836,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
       window.addEventListener("keydown", A);
     }), cf(() => {
       window.removeEventListener("keydown", A);
-    }), (g, p) => (l(), u("span", {
+    }), (g, _) => (l(), u("span", {
       id: "placeholder" + D(t) + e.index,
       ref_key: "refPlaceholder",
       ref: s,
@@ -3864,7 +3864,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
   },
   emits: ["fileSelected"],
   setup(e, { emit: f }) {
-    const t = e, a = h(se("filebumpUrl")), n = h(null), i = h(), s = h(""), r = h(""), c = h(), d = f, A = () => {
+    const t = e, a = v(se("filebumpUrl")), n = v(null), i = v(), s = v(""), r = v(""), c = v(), d = f, A = () => {
       i.value && r.value != "success" && i.value.click();
     }, g = {
       DOCUMENT: {
@@ -3888,31 +3888,31 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
         error: "Некорректный тип файла, выберите MP4 или MOV",
         icon: "pi pi-video"
       }
-    }, p = (b) => {
-      const M = b.target.files[0];
+    }, _ = (y) => {
+      const M = y.target.files[0];
       if (M) {
         s.value = "";
-        const _ = M.name.split(".");
-        if (g[t.type].accept.indexOf(_[_.length - 1]) == -1)
+        const h = M.name.split(".");
+        if (g[t.type].accept.indexOf(h[h.length - 1]) == -1)
           s.value = g[t.type].error;
         else if (M.size > g[t.type].maxSize)
           s.value = "Файл слишком большого размера";
         else if (!s.value) {
           n.value = M, r.value = "uploading";
           const T = D(a.value);
-          ft(typeof T == "string" ? T : null, M).then((k) => {
-            r.value = k.status, k.status == "success" && (d("fileSelected", {
-              url: k.url,
-              filename: k.name,
-              filesize: k.size,
-              filetype: k.type
-            }), k.preview && (c.value = {
-              previewUrl: k.preview.previewUrl,
-              isImage: k.preview.isImage,
-              isVideo: k.preview.isVideo,
-              isAudio: k.preview.isAudio,
-              fileName: k.name,
-              fileSize: k.preview.fileSize
+          ft(typeof T == "string" ? T : null, M).then((x) => {
+            r.value = x.status, x.status == "success" && (d("fileSelected", {
+              url: x.url,
+              filename: x.name,
+              filesize: x.size,
+              filetype: x.type
+            }), x.preview && (c.value = {
+              previewUrl: x.preview.previewUrl,
+              isImage: x.preview.isImage,
+              isVideo: x.preview.isVideo,
+              isAudio: x.preview.isAudio,
+              fileName: x.name,
+              fileSize: x.preview.fileSize
             }));
           });
         }
@@ -3922,15 +3922,15 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
     };
     return ne(
       () => r.value,
-      (b) => {
-        b === "" && (i.value && (i.value.value = ""), n.value = null, d("fileSelected", null));
+      (y) => {
+        y === "" && (i.value && (i.value.value = ""), n.value = null, d("fileSelected", null));
       }
     ), ne(
       () => t.templateId,
       () => {
         r.value = "";
       }
-    ), (b, M) => (l(), u(J, null, [
+    ), (y, M) => (l(), u(J, null, [
       r.value !== "success" ? (l(), u("div", {
         key: 0,
         class: S(["attachment-section", { "attachment-section__error": s.value }]),
@@ -3943,7 +3943,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
           type: "file",
           style: { display: "none" },
           accept: g[e.type].accept,
-          onChange: p
+          onChange: _
         }, null, 40, Y0),
         M[1] || (M[1] = o("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
         o("div", null, [
@@ -3954,8 +3954,8 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
         key: 1,
         "file-info": c.value,
         onReset: I
-      }, null, 8, ["file-info"])) : v("", !0),
-      s.value ? (l(), u("div", H0, E(s.value), 1)) : v("", !0)
+      }, null, 8, ["file-info"])) : b("", !0),
+      s.value ? (l(), u("div", H0, E(s.value), 1)) : b("", !0)
     ], 64));
   }
 }), Z0 = /* @__PURE__ */ O(W0, [["__scopeId", "data-v-ca64b0c9"]]), K0 = { class: "quick-reply-buttons" }, J0 = ["onClick"], G0 = { class: "quick-reply-buttons__line" }, X0 = /* @__PURE__ */ G({
@@ -4083,21 +4083,21 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
       g.value ? (j.text = Ne.value, j.templateId = A.value.templateId, j.values = F.value, j.file = g.value) : (j.text = Ne.value, j.templateId = A.value.templateId, j.values = F.value), A.value.buttons && (j.buttons = A.value.buttons), n("sendWabaValues", j), Be();
     }, r = (j) => {
       g.value = j;
-    }, c = h(null), d = h(null), A = h(null), g = h(null), p = h(""), I = h(!1), b = () => {
+    }, c = v(null), d = v(null), A = v(null), g = v(null), _ = v(""), I = v(!1), y = () => {
       I.value = !I.value, I.value ? (c.value.scrollTop = 0, c.value.style["overflow-y"] = "hidden") : c.value.style["overflow-y"] = "scroll";
     }, M = (j) => {
-      Object.keys(k).forEach((P) => {
-        k[P] = "";
+      Object.keys(x).forEach((P) => {
+        x[P] = "";
       }), g.value = null, t.wabaTemplates.forEach((P) => P.isSelected = !1), j.isSelected = !0, A.value = j, I.value = !1, ie();
-    }, _ = () => {
+    }, h = () => {
       X(), t.wabaTemplates.forEach((j) => j.isSelected = !1);
-    }, x = Q(() => d.value ? t.wabaTemplates.filter((j) => j.groupId === d.value.groupId) : t.wabaTemplates), T = Q(() => {
-      const j = p.value.trim().toLowerCase();
-      return x.value.filter((P) => P.title.toLowerCase().includes(j) || P.template.toLowerCase().includes(j));
-    }), k = wn({}), y = h(null), C = h(), m = h(""), w = h(""), N = h(""), z = h(!1), U = Q(() => !!(z.value && (N.value == "grid" && w.value == "none" || w.value == "grid" && m.value == "none"))), ee = Q(() => !!(z.value && (m.value == "grid" && w.value == "none" || w.value == "grid" && N.value == "none"))), H = () => {
-      z.value && (w.value == "grid" ? R() : N.value == "grid" && X());
+    }, k = Q(() => d.value ? t.wabaTemplates.filter((j) => j.groupId === d.value.groupId) : t.wabaTemplates), T = Q(() => {
+      const j = _.value.trim().toLowerCase();
+      return k.value.filter((P) => P.title.toLowerCase().includes(j) || P.template.toLowerCase().includes(j));
+    }), x = wn({}), C = v(null), w = v(), m = v(""), p = v(""), N = v(""), z = v(!1), U = Q(() => !!(z.value && (N.value == "grid" && p.value == "none" || p.value == "grid" && m.value == "none"))), ee = Q(() => !!(z.value && (m.value == "grid" && p.value == "none" || p.value == "grid" && N.value == "none"))), H = () => {
+      z.value && (p.value == "grid" ? R() : N.value == "grid" && X());
     }, W = () => {
-      z.value && (w.value == "grid" ? ie() : m.value == "grid" && X());
+      z.value && (p.value == "grid" ? ie() : m.value == "grid" && X());
     }, R = () => {
       const j = document.getElementById("waba-template-selector-container-" + a);
       j.style.setProperty("--chotto-waba-template-first-col-display", "grid"), j.style.setProperty("--chotto-waba-template-second-col-display", "none"), console.log(j, window.getComputedStyle(j).getPropertyValue("--waba-template-first-col-display")), ae();
@@ -4109,9 +4109,9 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
       j.style.setProperty("--chotto-waba-template-second-col-display", "grid"), j.style.setProperty("--chotto-waba-template-first-col-display", "none"), j.style.setProperty("--chotto-waba-template-third-col-display", "none"), ae();
     }, ae = () => {
       const j = document.getElementById("waba-template-selector-container-" + a), P = window.getComputedStyle(j);
-      m.value = P.getPropertyValue("--chotto-waba-template-first-col-display"), w.value = P.getPropertyValue("--chotto-waba-template-second-col-display"), N.value = P.getPropertyValue("--chotto-waba-template-third-col-display");
+      m.value = P.getPropertyValue("--chotto-waba-template-first-col-display"), p.value = P.getPropertyValue("--chotto-waba-template-second-col-display"), N.value = P.getPropertyValue("--chotto-waba-template-third-col-display");
     }, ve = (j) => {
-      k[j[1]] = j[0];
+      x[j[1]] = j[0];
     }, Ae = Q(() => {
       var xe;
       const j = (xe = A.value) == null ? void 0 : xe.template;
@@ -4127,33 +4127,33 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
         return !0;
       if (!((P = A.value) != null && P.template.match(/{{\d+}}/gi)))
         return !1;
-      const j = Object.keys(k).length !== ((q = A.value) == null ? void 0 : q.template.match(/{{\d+}}/gi).length);
+      const j = Object.keys(x).length !== ((q = A.value) == null ? void 0 : q.template.match(/{{\d+}}/gi).length);
       return A.value.type === "TEXT" ? j : A.value.type !== "TEXT" ? j || !g.value : !1;
     }), Be = () => {
-      Object.keys(k).forEach((j) => {
-        k[j] = "";
+      Object.keys(x).forEach((j) => {
+        x[j] = "";
       }), g.value = null, A.value = null, t.wabaTemplates.forEach((j) => j.isSelected = !1);
     }, Ne = Q(() => {
       console.log(Ae.value, A.value.buttons);
-      let j = Ae.value.map((q) => typeof q == "string" ? q : k[q.index]).join(""), P = "";
+      let j = Ae.value.map((q) => typeof q == "string" ? q : x[q.index]).join(""), P = "";
       return A.value.buttons && (P = A.value.buttons.map((q) => `
 | [` + q.text + "]").join("")), j.concat(P);
     }), F = Q(() => {
       const j = [];
-      for (const P in k)
-        k[P] !== "" && k[P] !== "Заполнить" && j.push(k[P]);
+      for (const P in x)
+        x[P] !== "" && x[P] !== "Заполнить" && j.push(x[P]);
       return j;
     }), Z = new ResizeObserver((j) => {
       const P = j[0].target.clientWidth;
       P > 700 && (z.value = !1), P < 700 && (z.value = !0);
     });
     return me(() => {
-      ae(), D(C) && Z.observe(D(C));
+      ae(), D(w) && Z.observe(D(w));
     }), (j, P) => (l(), u("div", iu, [
       o("div", {
         id: "waba-template-selector-container-" + D(a),
         ref_key: "refContainer",
-        ref: C,
+        ref: w,
         class: S({
           "template-selector__container-inline": !e.elevatedWindow,
           "template-selector__container-elevated": e.elevatedWindow
@@ -4166,13 +4166,13 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
                 class: "pi pi-arrow-left",
                 onClick: H
               })
-            ])) : v("", !0),
+            ])) : b("", !0),
             ee.value ? (l(), u("button", ru, [
               o("span", {
                 class: "pi pi-arrow-right",
                 onClick: W
               })
-            ])) : v("", !0)
+            ])) : b("", !0)
           ]),
           o("button", { class: "template-selector__button-close" }, [
             o("span", {
@@ -4187,7 +4187,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
               (l(!0), u(J, null, le(e.groupTemplates, (q, ce) => (l(), u("li", {
                 key: ce,
                 class: S(["template-selector__item-group", { "template-selector__item-selected": d.value === q }]),
-                onClick: _
+                onClick: h
               }, [
                 o("label", mu, [
                   q.iconUrl ? (l(), u("img", {
@@ -4195,7 +4195,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
                     class: "template-selector__item-group-icon",
                     src: q.iconUrl,
                     alt: q.title
-                  }, null, 8, pu)) : v("", !0),
+                  }, null, 8, pu)) : b("", !0),
                   ge(o("input", {
                     id: ce,
                     "onUpdate:modelValue": P[0] || (P[0] = (xe) => d.value = xe),
@@ -4213,12 +4213,12 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
           o("div", hu, [
             o("div", vu, [
               ge(o("input", {
-                "onUpdate:modelValue": P[1] || (P[1] = (q) => p.value = q),
+                "onUpdate:modelValue": P[1] || (P[1] = (q) => _.value = q),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
               }, null, 512), [
-                [Tf, p.value]
+                [Tf, _.value]
               ])
             ]),
             o("div", bu, [
@@ -4249,37 +4249,37 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
                     type: A.value.type,
                     "template-id": A.value.templateId,
                     onFileSelected: r
-                  }, null, 8, ["type", "template-id"])) : v("", !0),
+                  }, null, 8, ["type", "template-id"])) : b("", !0),
                   o("div", Nu, [
                     (l(!0), u(J, null, le(Ae.value, (q, ce) => (l(), u(J, { key: ce }, [
                       typeof q == "string" ? (l(), u("span", Eu, E(q), 1)) : typeof q == "object" ? (l(), B(P0, {
                         key: 1,
                         index: q.index,
-                        value: k[q.index] || "Заполнить",
-                        "is-filled": !!k[q.index],
-                        onClick: (xe) => y.value = q.index,
+                        value: x[q.index] || "Заполнить",
+                        "is-filled": !!x[q.index],
+                        onClick: (xe) => C.value = q.index,
                         onEdit: ve
-                      }, null, 8, ["index", "value", "is-filled", "onClick"])) : v("", !0)
+                      }, null, 8, ["index", "value", "is-filled", "onClick"])) : b("", !0)
                     ], 64))), 128))
                   ]),
                   P[2] || (P[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
                   A.value.buttons ? (l(), B(eu, {
                     key: 1,
                     buttons: A.value.buttons,
-                    onSelectAllVariants: b
-                  }, null, 8, ["buttons"])) : v("", !0)
+                    onSelectAllVariants: y
+                  }, null, 8, ["buttons"])) : b("", !0)
                 ])
               ])) : (l(), u("p", ju, " Предпросмотр шаблона ")),
               I.value ? (l(), u("div", Su, [
                 o("div", {
                   class: "template-selector__semitransparent-overlay",
-                  onClick: b
+                  onClick: y
                 }),
                 Y(su, {
                   buttons: A.value.buttons,
-                  onSelectAllVariants: b
+                  onSelectAllVariants: y
                 }, null, 8, ["buttons"])
-              ])) : v("", !0)
+              ])) : b("", !0)
             ], 512),
             o("button", {
               class: "template-selector__button-paste",
@@ -4326,7 +4326,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
   setup(e, { emit: f }) {
     const t = e;
     Mf("filebumpUrl", t.filebumpUrl);
-    const a = se("chatAppId"), { getMessage: n } = ze(a), i = h(null), s = h(null), r = f, c = () => {
+    const a = se("chatAppId"), { getMessage: n } = ze(a), i = v(null), s = v(null), r = f, c = () => {
       t.mode == "click" && t.state == "active" && (s.value.style.display == "none" ? s.value.style.display = "inherit" : s.value.style.display == "inherit" && (s.value.style.display = "none"));
     }, d = () => {
       t.mode == "hover" && t.state == "active" && (s.value.style.display = "inherit");
@@ -4338,11 +4338,11 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
     me(() => {
       s.value.style.display = "none";
     });
-    const p = (I) => {
+    const _ = (I) => {
       r("sendWabaValues", I);
     };
-    return (I, b) => (l(), u(J, null, [
-      D(n)().isRecording ? v("", !0) : (l(), u("button", {
+    return (I, y) => (l(), u(J, null, [
+      D(n)().isRecording ? b("", !0) : (l(), u("button", {
         key: 0,
         ref_key: "templateButton",
         ref: i,
@@ -4350,7 +4350,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
         onClick: c,
         onMouseover: d,
         onMouseout: A
-      }, b[0] || (b[0] = [
+      }, y[0] || (y[0] = [
         o("span", { class: "pi pi-code" }, null, -1)
       ]), 34)),
       o("div", {
@@ -4364,7 +4364,7 @@ const B0 = /* @__PURE__ */ O(O0, [["render", U0]]), $0 = { class: "" }, R0 = {
           "group-templates": e.groupTemplates,
           "elevated-window": e.elevatedWindow,
           onCloseTemplateWindow: g,
-          onSendWabaValues: p
+          onSendWabaValues: _
         }, null, 8, ["waba-templates", "group-templates", "elevated-window"])
       ], 544)
     ], 64));
@@ -16562,9 +16562,9 @@ function m2() {
       const g = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
-        ...on.map((p) => p.key)
+        ...on.map((_) => _.key)
       ];
-      return [...new Set(g)].filter((p) => !this.disabled.includes(p));
+      return [...new Set(g)].filter((_) => !this.disabled.includes(_));
     }
   });
   function f() {
@@ -16572,8 +16572,8 @@ function m2() {
   }
   async function t() {
     var g;
-    let p = await g2();
-    return Array.isArray(p) && p.length ? p = JSON.parse(((g = p[0]) == null ? void 0 : g.value) || "") : p = [], p;
+    let _ = await g2();
+    return Array.isArray(_) && _.length ? _ = JSON.parse(((g = _[0]) == null ? void 0 : g.value) || "") : _ = [], _;
   }
   function a() {
     t().then((g) => {
@@ -16600,8 +16600,8 @@ function m2() {
   const A = (g) => {
     if (e.options.displayRecent !== !0)
       return;
-    const p = e.recent.findIndex((b) => b.u === g.u);
-    if (p > 0 && e.recent.splice(p, 1), p === 0)
+    const _ = e.recent.findIndex((y) => y.u === g.u);
+    if (_ > 0 && e.recent.splice(_, 1), _ === 0)
       return;
     const I = { u: g.u, n: Cn(g.n) };
     e.recent = [I, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), d();
@@ -16803,8 +16803,8 @@ var V2 = function(f, t) {
 function L2(e) {
   var f, t = e.state, a = e.name, n = e.options, i = t.elements.arrow, s = t.modifiersData.popperOffsets, r = He(t.placement), c = Ft(r), d = [Ie, Oe].indexOf(r) >= 0, A = d ? "height" : "width";
   if (!(!i || !s)) {
-    var g = V2(n.padding, t), p = Qt(i), I = c === "y" ? Ce : Ie, b = c === "y" ? Le : Oe, M = t.rects.reference[A] + t.rects.reference[c] - s[c] - t.rects.popper[A], _ = s[c] - t.rects.reference[c], x = a1(i), T = x ? c === "y" ? x.clientHeight || 0 : x.clientWidth || 0 : 0, k = M / 2 - _ / 2, y = g[I], C = T - p[A] - g[b], m = T / 2 - p[A] / 2 + k, w = Wf(y, m, C), N = c;
-    t.modifiersData[a] = (f = {}, f[N] = w, f.centerOffset = w - m, f);
+    var g = V2(n.padding, t), _ = Qt(i), I = c === "y" ? Ce : Ie, y = c === "y" ? Le : Oe, M = t.rects.reference[A] + t.rects.reference[c] - s[c] - t.rects.popper[A], h = s[c] - t.rects.reference[c], k = a1(i), T = k ? c === "y" ? k.clientHeight || 0 : k.clientWidth || 0 : 0, x = M / 2 - h / 2, C = g[I], w = T - _[A] - g[y], m = T / 2 - _[A] / 2 + x, p = Wf(C, m, w), N = c;
+    t.modifiersData[a] = (f = {}, f[N] = p, f.centerOffset = p - m, f);
   }
 }
 function O2(e) {
@@ -16837,18 +16837,18 @@ function B2(e) {
   };
 }
 function An(e) {
-  var f, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, s = e.offsets, r = e.position, c = e.gpuAcceleration, d = e.adaptive, A = e.roundOffsets, g = e.isFixed, p = A === !0 ? B2(s) : typeof A == "function" ? A(s) : s, I = p.x, b = I === void 0 ? 0 : I, M = p.y, _ = M === void 0 ? 0 : M, x = s.hasOwnProperty("x"), T = s.hasOwnProperty("y"), k = Ie, y = Ce, C = window;
+  var f, t = e.popper, a = e.popperRect, n = e.placement, i = e.variation, s = e.offsets, r = e.position, c = e.gpuAcceleration, d = e.adaptive, A = e.roundOffsets, g = e.isFixed, _ = A === !0 ? B2(s) : typeof A == "function" ? A(s) : s, I = _.x, y = I === void 0 ? 0 : I, M = _.y, h = M === void 0 ? 0 : M, k = s.hasOwnProperty("x"), T = s.hasOwnProperty("y"), x = Ie, C = Ce, w = window;
   if (d) {
-    var m = a1(t), w = "clientHeight", N = "clientWidth";
-    if (m === Fe(t) && (m = rf(t), Ze(m).position !== "static" && r === "absolute" && (w = "scrollHeight", N = "scrollWidth")), m = m, n === Ce || (n === Ie || n === Oe) && i === e1) {
-      y = Le;
-      var z = g && C.visualViewport ? C.visualViewport.height : m[w];
-      _ -= z - a.height, _ *= c ? 1 : -1;
+    var m = a1(t), p = "clientHeight", N = "clientWidth";
+    if (m === Fe(t) && (m = rf(t), Ze(m).position !== "static" && r === "absolute" && (p = "scrollHeight", N = "scrollWidth")), m = m, n === Ce || (n === Ie || n === Oe) && i === e1) {
+      C = Le;
+      var z = g && w.visualViewport ? w.visualViewport.height : m[p];
+      h -= z - a.height, h *= c ? 1 : -1;
     }
     if (n === Ie || (n === Ce || n === Le) && i === e1) {
-      k = Oe;
-      var U = g && C.visualViewport ? C.visualViewport.width : m[N];
-      b -= U - a.width, b *= c ? 1 : -1;
+      x = Oe;
+      var U = g && w.visualViewport ? w.visualViewport.width : m[N];
+      y -= U - a.width, y *= c ? 1 : -1;
     }
   }
   var ee = Object.assign({
@@ -16856,9 +16856,9 @@ function An(e) {
   }, d && U2);
   if (c) {
     var H;
-    return Object.assign({}, ee, (H = {}, H[y] = T ? "0" : "", H[k] = x ? "0" : "", H.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + b + "px, " + _ + "px)" : "translate3d(" + b + "px, " + _ + "px, 0)", H));
+    return Object.assign({}, ee, (H = {}, H[C] = T ? "0" : "", H[x] = k ? "0" : "", H.transform = (w.devicePixelRatio || 1) <= 1 ? "translate(" + y + "px, " + h + "px)" : "translate3d(" + y + "px, " + h + "px, 0)", H));
   }
-  return Object.assign({}, ee, (f = {}, f[y] = T ? _ + "px" : "", f[k] = x ? b + "px" : "", f.transform = "", f));
+  return Object.assign({}, ee, (f = {}, f[C] = T ? h + "px" : "", f[x] = k ? y + "px" : "", f.transform = "", f));
 }
 function $2(e) {
   var f = e.state, t = e.options, a = t.gpuAcceleration, n = a === void 0 ? !0 : a, i = t.adaptive, s = i === void 0 ? !0 : i, r = t.roundOffsets, c = r === void 0 ? !0 : r, d = {
@@ -17048,15 +17048,15 @@ function Jn(e) {
 }
 function f1(e, f) {
   f === void 0 && (f = {});
-  var t = f, a = t.placement, n = a === void 0 ? e.placement : a, i = t.boundary, s = i === void 0 ? p2 : i, r = t.rootBoundary, c = r === void 0 ? Fn : r, d = t.elementContext, A = d === void 0 ? Bf : d, g = t.altBoundary, p = g === void 0 ? !1 : g, I = t.padding, b = I === void 0 ? 0 : I, M = Wn(typeof b != "number" ? b : Zn(b, n1)), _ = A === Bf ? _2 : Bf, x = e.rects.popper, T = e.elements[p ? _ : A], k = K2(If(T) ? T : T.contextElement || rf(e.elements.popper), s, c), y = xf(e.elements.reference), C = Jn({
-    reference: y,
-    element: x,
+  var t = f, a = t.placement, n = a === void 0 ? e.placement : a, i = t.boundary, s = i === void 0 ? p2 : i, r = t.rootBoundary, c = r === void 0 ? Fn : r, d = t.elementContext, A = d === void 0 ? Bf : d, g = t.altBoundary, _ = g === void 0 ? !1 : g, I = t.padding, y = I === void 0 ? 0 : I, M = Wn(typeof y != "number" ? y : Zn(y, n1)), h = A === Bf ? _2 : Bf, k = e.rects.popper, T = e.elements[_ ? h : A], x = K2(If(T) ? T : T.contextElement || rf(e.elements.popper), s, c), C = xf(e.elements.reference), w = Jn({
+    reference: C,
+    element: k,
     placement: n
-  }), m = xt(Object.assign({}, x, C)), w = A === Bf ? m : y, N = {
-    top: k.top - w.top + M.top,
-    bottom: w.bottom - k.bottom + M.bottom,
-    left: k.left - w.left + M.left,
-    right: w.right - k.right + M.right
+  }), m = xt(Object.assign({}, k, w)), p = A === Bf ? m : C, N = {
+    top: x.top - p.top + M.top,
+    bottom: p.bottom - x.bottom + M.bottom,
+    left: x.left - p.left + M.left,
+    right: p.right - x.right + M.right
   }, z = e.modifiersData.offset;
   if (A === Bf && z) {
     var U = z[n];
@@ -17069,22 +17069,22 @@ function f1(e, f) {
 }
 function J2(e, f) {
   f === void 0 && (f = {});
-  var t = f, a = t.placement, n = t.boundary, i = t.rootBoundary, s = t.padding, r = t.flipVariations, c = t.allowedAutoPlacements, d = c === void 0 ? Pn : c, A = Df(a), g = A ? r ? rn : rn.filter(function(b) {
-    return Df(b) === A;
-  }) : n1, p = g.filter(function(b) {
-    return d.indexOf(b) >= 0;
+  var t = f, a = t.placement, n = t.boundary, i = t.rootBoundary, s = t.padding, r = t.flipVariations, c = t.allowedAutoPlacements, d = c === void 0 ? Pn : c, A = Df(a), g = A ? r ? rn : rn.filter(function(y) {
+    return Df(y) === A;
+  }) : n1, _ = g.filter(function(y) {
+    return d.indexOf(y) >= 0;
   });
-  p.length === 0 && (p = g);
-  var I = p.reduce(function(b, M) {
-    return b[M] = f1(e, {
+  _.length === 0 && (_ = g);
+  var I = _.reduce(function(y, M) {
+    return y[M] = f1(e, {
       placement: M,
       boundary: n,
       rootBoundary: i,
       padding: s
-    })[He(M)], b;
+    })[He(M)], y;
   }, {});
-  return Object.keys(I).sort(function(b, M) {
-    return I[b] - I[M];
+  return Object.keys(I).sort(function(y, M) {
+    return I[y] - I[M];
   });
 }
 function G2(e) {
@@ -17096,24 +17096,24 @@ function G2(e) {
 function X2(e) {
   var f = e.state, t = e.options, a = e.name;
   if (!f.modifiersData[a]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, s = t.altAxis, r = s === void 0 ? !0 : s, c = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, p = t.altBoundary, I = t.flipVariations, b = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, _ = f.options.placement, x = He(_), T = x === _, k = c || (T || !b ? [y1(_)] : G2(_)), y = [_].concat(k).reduce(function(Z, j) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, s = t.altAxis, r = s === void 0 ? !0 : s, c = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, _ = t.altBoundary, I = t.flipVariations, y = I === void 0 ? !0 : I, M = t.allowedAutoPlacements, h = f.options.placement, k = He(h), T = k === h, x = c || (T || !y ? [y1(h)] : G2(h)), C = [h].concat(x).reduce(function(Z, j) {
       return Z.concat(He(j) === Rt ? J2(f, {
         placement: j,
         boundary: A,
         rootBoundary: g,
         padding: d,
-        flipVariations: b,
+        flipVariations: y,
         allowedAutoPlacements: M
       }) : j);
-    }, []), C = f.rects.reference, m = f.rects.popper, w = /* @__PURE__ */ new Map(), N = !0, z = y[0], U = 0; U < y.length; U++) {
-      var ee = y[U], H = He(ee), W = Df(ee) === Cf, R = [Ce, Le].indexOf(H) >= 0, ie = R ? "width" : "height", X = f1(f, {
+    }, []), w = f.rects.reference, m = f.rects.popper, p = /* @__PURE__ */ new Map(), N = !0, z = C[0], U = 0; U < C.length; U++) {
+      var ee = C[U], H = He(ee), W = Df(ee) === Cf, R = [Ce, Le].indexOf(H) >= 0, ie = R ? "width" : "height", X = f1(f, {
         placement: ee,
         boundary: A,
         rootBoundary: g,
-        altBoundary: p,
+        altBoundary: _,
         padding: d
       }), ae = R ? W ? Oe : Ie : W ? Le : Ce;
-      C[ie] > m[ie] && (ae = y1(ae));
+      w[ie] > m[ie] && (ae = y1(ae));
       var ve = y1(ae), Ae = [];
       if (i && Ae.push(X[H] <= 0), r && Ae.push(X[ae] <= 0, X[ve] <= 0), Ae.every(function(Z) {
         return Z;
@@ -17121,12 +17121,12 @@ function X2(e) {
         z = ee, N = !1;
         break;
       }
-      w.set(ee, Ae);
+      p.set(ee, Ae);
     }
     if (N)
-      for (var ye = b ? 3 : 1, Be = function(j) {
-        var P = y.find(function(q) {
-          var ce = w.get(q);
+      for (var ye = y ? 3 : 1, Be = function(j) {
+        var P = C.find(function(q) {
+          var ce = p.get(q);
           if (ce)
             return ce.slice(0, j).every(function(xe) {
               return xe;
@@ -17235,12 +17235,12 @@ function lc(e) {
   return e === "x" ? "y" : "x";
 }
 function uc(e) {
-  var f = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, s = t.altAxis, r = s === void 0 ? !1 : s, c = t.boundary, d = t.rootBoundary, A = t.altBoundary, g = t.padding, p = t.tether, I = p === void 0 ? !0 : p, b = t.tetherOffset, M = b === void 0 ? 0 : b, _ = f1(f, {
+  var f = e.state, t = e.options, a = e.name, n = t.mainAxis, i = n === void 0 ? !0 : n, s = t.altAxis, r = s === void 0 ? !1 : s, c = t.boundary, d = t.rootBoundary, A = t.altBoundary, g = t.padding, _ = t.tether, I = _ === void 0 ? !0 : _, y = t.tetherOffset, M = y === void 0 ? 0 : y, h = f1(f, {
     boundary: c,
     rootBoundary: d,
     padding: g,
     altBoundary: A
-  }), x = He(f.placement), T = Df(f.placement), k = !T, y = Ft(x), C = lc(y), m = f.modifiersData.popperOffsets, w = f.rects.reference, N = f.rects.popper, z = typeof M == "function" ? M(Object.assign({}, f.rects, {
+  }), k = He(f.placement), T = Df(f.placement), x = !T, C = Ft(k), w = lc(C), m = f.modifiersData.popperOffsets, p = f.rects.reference, N = f.rects.popper, z = typeof M == "function" ? M(Object.assign({}, f.rects, {
     placement: f.placement
   })) : M, U = typeof z == "number" ? {
     mainAxis: z,
@@ -17254,15 +17254,15 @@ function uc(e) {
   };
   if (m) {
     if (i) {
-      var W, R = y === "y" ? Ce : Ie, ie = y === "y" ? Le : Oe, X = y === "y" ? "height" : "width", ae = m[y], ve = ae + _[R], Ae = ae - _[ie], ye = I ? -N[X] / 2 : 0, Be = T === Cf ? w[X] : N[X], Ne = T === Cf ? -N[X] : -w[X], F = f.elements.arrow, Z = I && F ? Qt(F) : {
+      var W, R = C === "y" ? Ce : Ie, ie = C === "y" ? Le : Oe, X = C === "y" ? "height" : "width", ae = m[C], ve = ae + h[R], Ae = ae - h[ie], ye = I ? -N[X] / 2 : 0, Be = T === Cf ? p[X] : N[X], Ne = T === Cf ? -N[X] : -p[X], F = f.elements.arrow, Z = I && F ? Qt(F) : {
         width: 0,
         height: 0
-      }, j = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Hn(), P = j[R], q = j[ie], ce = Wf(0, w[X], Z[X]), xe = k ? w[X] / 2 - ye - ce - P - U.mainAxis : Be - ce - P - U.mainAxis, Ke = k ? -w[X] / 2 + ye + ce + q + U.mainAxis : Ne + ce + q + U.mainAxis, hf = f.elements.arrow && a1(f.elements.arrow), u1 = hf ? y === "y" ? hf.clientTop || 0 : hf.clientLeft || 0 : 0, Sf = (W = ee == null ? void 0 : ee[y]) != null ? W : 0, c1 = ae + xe - Sf - u1, r1 = ae + Ke - Sf, d1 = Wf(I ? J1(ve, c1) : ve, ae, I ? mf(Ae, r1) : Ae);
-      m[y] = d1, H[y] = d1 - ae;
+      }, j = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Hn(), P = j[R], q = j[ie], ce = Wf(0, p[X], Z[X]), xe = x ? p[X] / 2 - ye - ce - P - U.mainAxis : Be - ce - P - U.mainAxis, Ke = x ? -p[X] / 2 + ye + ce + q + U.mainAxis : Ne + ce + q + U.mainAxis, hf = f.elements.arrow && a1(f.elements.arrow), u1 = hf ? C === "y" ? hf.clientTop || 0 : hf.clientLeft || 0 : 0, Sf = (W = ee == null ? void 0 : ee[C]) != null ? W : 0, c1 = ae + xe - Sf - u1, r1 = ae + Ke - Sf, d1 = Wf(I ? J1(ve, c1) : ve, ae, I ? mf(Ae, r1) : Ae);
+      m[C] = d1, H[C] = d1 - ae;
     }
     if (r) {
-      var A1, Vf = y === "x" ? Ce : Ie, st = y === "x" ? Le : Oe, Je = m[C], vf = C === "y" ? "height" : "width", ff = Je + _[Vf], Lf = Je - _[st], bf = [Ce, Ie].indexOf(x) !== -1, Of = (A1 = ee == null ? void 0 : ee[C]) != null ? A1 : 0, df = bf ? ff : Je - w[vf] - N[vf] - Of + U.altAxis, Pe = bf ? Je + w[vf] + N[vf] - Of - U.altAxis : Lf, V = I && bf ? S2(df, Je, Pe) : Wf(I ? df : ff, Je, I ? Pe : Lf);
-      m[C] = V, H[C] = V - Je;
+      var A1, Vf = C === "x" ? Ce : Ie, st = C === "x" ? Le : Oe, Je = m[w], vf = w === "y" ? "height" : "width", ff = Je + h[Vf], Lf = Je - h[st], bf = [Ce, Ie].indexOf(k) !== -1, Of = (A1 = ee == null ? void 0 : ee[w]) != null ? A1 : 0, df = bf ? ff : Je - p[vf] - N[vf] - Of + U.altAxis, Pe = bf ? Je + p[vf] + N[vf] - Of - U.altAxis : Lf, V = I && bf ? S2(df, Je, Pe) : Wf(I ? df : ff, Je, I ? Pe : Lf);
+      m[w] = V, H[w] = V - Je;
     }
     f.modifiersData[a] = H;
   }
@@ -17380,35 +17380,35 @@ function vc(e) {
       },
       attributes: {},
       styles: {}
-    }, g = [], p = !1, I = {
+    }, g = [], _ = !1, I = {
       state: A,
-      setOptions: function(x) {
-        var T = typeof x == "function" ? x(A.options) : x;
+      setOptions: function(k) {
+        var T = typeof k == "function" ? k(A.options) : k;
         M(), A.options = Object.assign({}, i, A.options, T), A.scrollParents = {
           reference: If(r) ? Zf(r) : r.contextElement ? Zf(r.contextElement) : [],
           popper: Zf(c)
         };
-        var k = pc(hc([].concat(a, A.options.modifiers)));
-        return A.orderedModifiers = k.filter(function(y) {
-          return y.enabled;
-        }), b(), I.update();
+        var x = pc(hc([].concat(a, A.options.modifiers)));
+        return A.orderedModifiers = x.filter(function(C) {
+          return C.enabled;
+        }), y(), I.update();
       },
       forceUpdate: function() {
-        if (!p) {
-          var x = A.elements, T = x.reference, k = x.popper;
-          if (vn(T, k)) {
+        if (!_) {
+          var k = A.elements, T = k.reference, x = k.popper;
+          if (vn(T, x)) {
             A.rects = {
-              reference: gc(T, a1(k), A.options.strategy === "fixed"),
-              popper: Qt(k)
+              reference: gc(T, a1(x), A.options.strategy === "fixed"),
+              popper: Qt(x)
             }, A.reset = !1, A.placement = A.options.placement, A.orderedModifiers.forEach(function(U) {
               return A.modifiersData[U.name] = Object.assign({}, U.data);
             });
-            for (var y = 0; y < A.orderedModifiers.length; y++) {
+            for (var C = 0; C < A.orderedModifiers.length; C++) {
               if (A.reset === !0) {
-                A.reset = !1, y = -1;
+                A.reset = !1, C = -1;
                 continue;
               }
-              var C = A.orderedModifiers[y], m = C.fn, w = C.options, N = w === void 0 ? {} : w, z = C.name;
+              var w = A.orderedModifiers[C], m = w.fn, p = w.options, N = p === void 0 ? {} : p, z = w.name;
               typeof m == "function" && (A = m({
                 state: A,
                 options: N,
@@ -17420,37 +17420,37 @@ function vc(e) {
         }
       },
       update: _c(function() {
-        return new Promise(function(_) {
-          I.forceUpdate(), _(A);
+        return new Promise(function(h) {
+          I.forceUpdate(), h(A);
         });
       }),
       destroy: function() {
-        M(), p = !0;
+        M(), _ = !0;
       }
     };
     if (!vn(r, c))
       return I;
-    I.setOptions(d).then(function(_) {
-      !p && d.onFirstUpdate && d.onFirstUpdate(_);
+    I.setOptions(d).then(function(h) {
+      !_ && d.onFirstUpdate && d.onFirstUpdate(h);
     });
-    function b() {
-      A.orderedModifiers.forEach(function(_) {
-        var x = _.name, T = _.options, k = T === void 0 ? {} : T, y = _.effect;
-        if (typeof y == "function") {
-          var C = y({
+    function y() {
+      A.orderedModifiers.forEach(function(h) {
+        var k = h.name, T = h.options, x = T === void 0 ? {} : T, C = h.effect;
+        if (typeof C == "function") {
+          var w = C({
             state: A,
-            name: x,
+            name: k,
             instance: I,
-            options: k
+            options: x
           }), m = function() {
           };
-          g.push(C || m);
+          g.push(w || m);
         }
       });
     }
     function M() {
-      g.forEach(function(_) {
-        return _();
+      g.forEach(function(h) {
+        return h();
       }), g = [];
     }
     return I;
@@ -17508,36 +17508,36 @@ const wc = G({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: t } = se("store"), a = h(null), n = Q(() => Mc(
+    const { state: e, updateEmoji: f, updateSelect: t } = se("store"), a = v(null), n = Q(() => Mc(
       e.emojis,
       e.search,
       e.skinTone,
       e.options.disabledGroups
     )), i = na(), s = Q(() => !e.options.hideGroupNames), r = Q(() => !e.options.disableStickyGroupNames), c = Cn(e.options.groupNames), d = e.orderedGroupKeys;
-    e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((b) => {
-      e.options.groupNames[b] ? c[b] = e.options.groupNames[b] : c[b] = ea(b);
+    e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((y) => {
+      e.options.groupNames[y] ? c[y] = e.options.groupNames[y] : c[y] = ea(y);
     });
     const A = Xn() ? "is-mac" : "";
-    function g(b) {
-      f(b);
+    function g(y) {
+      f(y);
     }
-    function p(b) {
-      t(b), i == null || i.emit("select", {
-        ...b,
+    function _(y) {
+      t(y), i == null || i.emit("select", {
+        ...y,
         t: e.skinTone,
-        i: M1(b.r)
+        i: M1(y.r)
       });
     }
-    function I(b, M) {
-      var _;
-      const x = (_ = b == null ? void 0 : b.target) == null ? void 0 : _.closest("button");
-      x && (x.innerHTML = `<span>${M1(M)}</span>`);
+    function I(y, M) {
+      var h;
+      const k = (h = y == null ? void 0 : y.target) == null ? void 0 : h.closest("button");
+      k && (k.innerHTML = `<span>${M1(M)}</span>`);
     }
     return ne(
       () => e.activeGroup,
       () => {
-        var b;
-        const M = (b = a.value) == null ? void 0 : b.querySelector("#" + e.activeGroup);
+        var y;
+        const M = (y = a.value) == null ? void 0 : y.querySelector("#" + e.activeGroup);
         M && (M.parentNode.scrollTop = M.offsetTop - M.parentNode.offsetTop);
       }
     ), {
@@ -17545,7 +17545,7 @@ const wc = G({
       bodyInner: a,
       EMOJI_REMOTE_SRC: Un,
       GROUP_NAMES: Bn,
-      handleClick: p,
+      handleClick: _,
       handleError: I,
       handleMouseEnter: g,
       native: e.options.native,
@@ -17579,7 +17579,7 @@ function Ec(e, f, t, a, n, i) {
           class: S(e.isSticky ? "v3-sticky" : "")
         }, E(e.groupNames[s]), 3)), [
           [Re, e.emojis[s]]
-        ]) : v("", !0),
+        ]) : b("", !0),
         ge(o("div", kc, [
           (l(!0), u(J, null, le(e.emojis[s], (r) => (l(), u("button", {
             key: r.r,
@@ -17618,8 +17618,8 @@ const Rc = G({
       }))
     ], A = [];
     return s.forEach((g) => {
-      const p = d.findIndex((I) => I.key === g);
-      p !== -1 && (A.push(d[p]), d.splice(p, 1));
+      const _ = d.findIndex((I) => I.key === g);
+      _ !== -1 && (A.push(d[_]), d.splice(_, 1));
     }), {
       orderedGroups: A,
       orderedKeys: s,
@@ -17676,8 +17676,8 @@ function Kc(e, f, t, a, n, i) {
           }, null, 8, qc)
         ], 8, Yc)
       ], 10, Pc))), 128))
-    ])) : v("", !0),
-    e.hasGroupIcons && e.hasSearch ? (l(), u("div", Hc)) : v("", !0),
+    ])) : b("", !0),
+    e.hasGroupIcons && e.hasSearch ? (l(), u("div", Hc)) : b("", !0),
     e.hasSearch ? (l(), u("div", Wc, [
       ge(o("input", {
         "onUpdate:modelValue": f[0] || (f[0] = (s) => e.searchValue = s),
@@ -17686,27 +17686,27 @@ function Kc(e, f, t, a, n, i) {
       }, null, 8, Zc), [
         [Tf, e.searchValue]
       ])
-    ])) : v("", !0)
-  ])) : v("", !0);
+    ])) : b("", !0)
+  ])) : b("", !0);
 }
 var Jc = /* @__PURE__ */ s1(Rc, [["render", Kc]]);
 const Gc = G({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = se("store"), t = h(!1), a = h(!1), n = Q(() => e.skinTone), i = Q(
+    const { state: e, updateSkinTone: f } = se("store"), t = v(!1), a = v(!1), n = Q(() => e.skinTone), i = Q(
       () => e.options.staticTexts.skinTone || "Skin tone"
     ), s = Q(() => !e.options.disableSkinTones), r = Xn() ? "is-mac" : "", c = Q(() => ({
       ...e.emoji,
       src: Un + "/" + e.emoji[Xf] + ".png"
     }));
-    function d(p = !0) {
-      t.value = p;
+    function d(_ = !0) {
+      t.value = _;
     }
     function A() {
       t.value = !t.value;
     }
-    function g(p) {
-      f(p), d(!1);
+    function g(_) {
+      f(_), d(!1);
     }
     return ne(
       () => e.emoji,
@@ -17771,7 +17771,7 @@ function sr(e, f, t, a, n, i) {
           onClick: (r) => e.selectSkinTone(s)
         }, null, 10, ar))), 128))
       ], 2)
-    ], 64)) : v("", !0)
+    ], 64)) : b("", !0)
   ], 32);
 }
 var ir = /* @__PURE__ */ s1(Gc, [["render", sr]]);
@@ -17813,47 +17813,47 @@ const or = G({
     "update:text": (e) => !0
   },
   setup(e, { emit: f }) {
-    const t = h(), a = h(), n = h(), i = h(!1), s = h(e.text), r = e.type === "input" || e.type === "textarea";
+    const t = v(), a = v(), n = v(), i = v(!1), s = v(e.text), r = e.type === "input" || e.type === "textarea";
     let c = -1;
     const { state: d } = se("store"), A = Q(() => d.options.colorTheme);
-    function g(_) {
+    function g(h) {
       if (r) {
-        const x = d.options.mode;
-        x === "prepend" ? s.value = _.i + s.value : x === "insert" && c !== -1 ? (s.value = `${s.value.slice(0, c)}${_.i}${s.value.slice(c)}`, c += _.i.length) : s.value += _.i, f("update:text", s.value);
+        const k = d.options.mode;
+        k === "prepend" ? s.value = h.i + s.value : k === "insert" && c !== -1 ? (s.value = `${s.value.slice(0, c)}${h.i}${s.value.slice(c)}`, c += h.i.length) : s.value += h.i, f("update:text", s.value);
       }
-      f("select", _);
+      f("select", h);
     }
-    function p() {
-      var _;
-      t.value && (c = ((_ = t.value) == null ? void 0 : _.selectionEnd) || -1);
+    function _() {
+      var h;
+      t.value && (c = ((h = t.value) == null ? void 0 : h.selectionEnd) || -1);
     }
-    function I(_) {
-      var x;
-      !((x = _.target) != null && x.closest(
+    function I(h) {
+      var k;
+      !((k = h.target) != null && k.closest(
         ".v3-input-picker-wrap"
       )) && i.value && (i.value = !1);
     }
-    function b() {
+    function y() {
       if (a.value && n.value && r) {
-        let _ = d.options.offset;
-        typeof _ != "number" && (_ = 6), yc(a.value, n.value, {
+        let h = d.options.offset;
+        typeof h != "number" && (h = 6), yc(a.value, n.value, {
           placement: "bottom-end",
           modifiers: [
             {
               name: "offset",
               options: {
-                offset: [0, _]
+                offset: [0, h]
               }
             }
           ]
         }), document.body.addEventListener("click", I);
       }
     }
-    function M(_) {
-      s.value = _.target.value || "", f("update:text", s.value);
+    function M(h) {
+      s.value = h.target.value || "", f("update:text", s.value);
     }
     return me(() => {
-      b();
+      y();
     }), aa(() => {
       document.body.removeEventListener("click", I);
     }), {
@@ -17862,7 +17862,7 @@ const or = G({
       onSelect: g,
       input: s,
       elem: t,
-      updateCursor: p,
+      updateCursor: _,
       button: a,
       picker: n,
       isInputType: r,
@@ -18012,7 +18012,7 @@ const mr = G({
     select: (e) => !0
   },
   setup(e, { emit: f }) {
-    const t = h(e.text);
+    const t = v(e.text);
     function a(i) {
       t.value = i || "", f("update:text", t.value);
     }
@@ -26720,21 +26720,21 @@ const yr = /* @__PURE__ */ O(hr, [["render", br]]), Mr = {
     }
   },
   setup(e) {
-    const f = e, t = h(null), a = h("light"), n = h(null), i = h(!1), s = se("chatAppId"), { setMessageText: r, getMessage: c } = ze(s), d = () => document.getElementById(s).attributes["data-theme"].nodeValue.indexOf("dark") != -1 ? "dark" : "light", A = (b) => {
-      r(c().text + b.i);
+    const f = e, t = v(null), a = v("light"), n = v(null), i = v(!1), s = se("chatAppId"), { setMessageText: r, getMessage: c } = ze(s), d = () => document.getElementById(s).attributes["data-theme"].nodeValue.indexOf("dark") != -1 ? "dark" : "light", A = (y) => {
+      r(c().text + y.i);
     }, g = () => {
       f.state === "active" && (i.value = !i.value, i.value && (a.value = d()));
-    }, p = () => {
+    }, _ = () => {
       i.value = !1;
-    }, I = (b) => {
-      i.value && !n.value.contains(b.target) && !t.value.contains(b.target) && p();
+    }, I = (y) => {
+      i.value && !n.value.contains(y.target) && !t.value.contains(y.target) && _();
     };
     return me(() => {
       t.value.style.display = "none", document.addEventListener("click", I);
     }), cf(() => {
       document.removeEventListener("click", I);
-    }), (b, M) => (l(), u(J, null, [
-      D(c)().isRecording ? v("", !0) : (l(), u("button", {
+    }), (y, M) => (l(), u(J, null, [
+      D(c)().isRecording ? b("", !0) : (l(), u("button", {
         key: 0,
         ref_key: "emojiButton",
         ref: n,
@@ -26805,15 +26805,15 @@ const yr = /* @__PURE__ */ O(hr, [["render", br]]), Mr = {
           }, null, 8, Nr)) : r.prime ? (l(), u("i", {
             key: 2,
             class: S(["pi pi-" + r.prime, "context-menu__icon"])
-          }, null, 2)) : v("", !0),
-          r.title ? (l(), u("span", Er, E(r.title), 1)) : v("", !0),
-          r.description ? (l(), u("span", jr, E(r.description), 1)) : v("", !0)
+          }, null, 2)) : b("", !0),
+          r.title ? (l(), u("span", Er, E(r.title), 1)) : b("", !0),
+          r.description ? (l(), u("span", jr, E(r.description), 1)) : b("", !0)
         ], 8, Tr))), 128))
       ])
     ]));
   }
-}, _f = /* @__PURE__ */ O(Sr, [["__scopeId", "data-v-2d69e97e"]]), $f = h([]), Vr = (e) => {
-  const f = h(0), t = $f.value.find(({ id: n }) => n == e);
+}, _f = /* @__PURE__ */ O(Sr, [["__scopeId", "data-v-2d69e97e"]]), $f = v([]), Vr = (e) => {
+  const f = v(0), t = $f.value.find(({ id: n }) => n == e);
   return t != null ? f.value = $f.value.indexOf(t) : ($f.value.push({
     id: e,
     text: ""
@@ -26842,7 +26842,7 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
   },
   emits: ["search", "cancel", "switch"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), { getModel: a } = Vr(t), n = f, i = e, s = h(), r = Lr("", 500), c = Q(() => i.isFeedLocation ? "40px" : (i.isFeedLocation, "20px"));
+    const t = se("chatAppId"), { getModel: a } = Vr(t), n = f, i = e, s = v(), r = Lr("", 500), c = Q(() => i.isFeedLocation ? "40px" : (i.isFeedLocation, "20px"));
     ne(
       () => [a().text, r.value],
       () => {
@@ -26863,7 +26863,7 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
           ge(o("input", {
             ref_key: "refInput",
             ref: s,
-            "onUpdate:modelValue": g[0] || (g[0] = (p) => D(a)().text = p),
+            "onUpdate:modelValue": g[0] || (g[0] = (_) => D(a)().text = _),
             class: "feed-search__input",
             type: "text",
             placeholder: D(he)("component.FeedSearch.SearchPlaceholder")
@@ -26879,8 +26879,8 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
-            onClick: g[1] || (g[1] = (p) => n("switch"))
-          })) : v("", !0)
+            onClick: g[1] || (g[1] = (_) => n("switch"))
+          })) : b("", !0)
         ])
       ]),
       _: 1
@@ -26934,12 +26934,12 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
             style: { "margin-right": "3px" },
             width: "24",
             height: "24"
-          }, null, 8, Wr)) : v("", !0),
+          }, null, 8, Wr)) : b("", !0),
           t.value ? (l(), u("span", {
             key: 1,
             class: S(t.value),
             style: { "margin-right": "3px", "font-size": "20px" }
-          }, null, 2)) : v("", !0),
+          }, null, 2)) : b("", !0),
           o("p", null, E(e.object.text), 1)
         ])
       ])
@@ -26967,7 +26967,7 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
   },
   emits: ["clickedSearch", "loadMore"],
   setup(e, { emit: f }) {
-    const t = f, a = e, n = h(), i = h(null), s = Q(() => a.notFound ? he("component.FeedFoundObjects.notFound") : a.notFound ? "" : he("component.FeedFoundObjects.notSearched")), r = (d) => {
+    const t = f, a = e, n = v(), i = v(null), s = Q(() => a.notFound ? he("component.FeedFoundObjects.notFound") : a.notFound ? "" : he("component.FeedFoundObjects.notSearched")), r = (d) => {
       d.messageId && (t("clickedSearch", d.messageId), i.value = d);
     }, c = () => {
       const d = D(n);
@@ -26984,7 +26984,7 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
       }, [
         (l(!0), u(J, null, le(e.objects, (g) => (l(), u("div", {
           key: g.messageId,
-          onClick: (p) => r(g)
+          onClick: (_) => r(g)
         }, [
           Y(Kr, {
             object: g,
@@ -26993,7 +26993,7 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
         ], 8, Gr))), 128))
       ], 544)) : e.foundAmount == 0 ? (l(), u("div", Xr, [
         o("p", null, E(s.value), 1)
-      ])) : v("", !0)
+      ])) : b("", !0)
     ], 64));
   }
 }), B6 = /* @__PURE__ */ O(ed, [["__scopeId", "data-v-2cb2ea71"]]), fd = { class: "audio-recorder__container" }, td = { key: 0 }, nd = {
@@ -27012,32 +27012,32 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getMessage: t, setMessageFile: a, resetMessageFile: n, setRecordingMessage: i } = ze(f), s = h(), r = h(0), c = h(0), d = h(0), A = h(0), g = Q(() => {
+    const f = se("chatAppId"), { getMessage: t, setMessageFile: a, resetMessageFile: n, setRecordingMessage: i } = ze(f), s = v(), r = v(0), c = v(0), d = v(0), A = v(0), g = Q(() => {
       let N = A.value < 10 ? "0" + A.value : A.value, z = d.value < 10 ? "0" + d.value : d.value, U = c.value < 10 ? "0" + c.value : c.value, ee = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
       return N + ":" + z + ":" + U + ":" + ee;
-    }), p = h(""), I = h(!1), b = h(), M = h([]), _ = h(), x = h(), T = e, k = async () => {
+    }), _ = v(""), I = v(!1), y = v(), M = v([]), h = v(), k = v(), T = e, x = async () => {
       if (!t().file && T.state == "active") {
         const N = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
         s.value = setInterval(() => {
           r.value += 10, r.value == 1e3 && (r.value = 0, c.value++, c.value == 60 && (c.value = 0, d.value++, d.value == 60 && (d.value = 0, A.value++)));
-        }, 10), i(!0), I.value = !0, b.value = new MediaRecorder(N), b.value.start(), b.value.ondataavailable = (z) => {
+        }, 10), i(!0), I.value = !0, y.value = new MediaRecorder(N), y.value.start(), y.value.ondataavailable = (z) => {
           M.value.push(z.data);
         };
       }
-    }, y = () => {
-      m(), _.value = void 0;
     }, C = () => {
-      b.value && (b.value.stop(), b.value.onstop = async () => {
+      m(), h.value = void 0;
+    }, w = () => {
+      y.value && (y.value.stop(), y.value.onstop = async () => {
         const N = new File(M.value, "voicemessage.mp3", { type: "audio/*" }), z = URL.createObjectURL(N);
-        _.value = z, p.value = "uploading", await ft(T.filebumpUrl, N).then((U) => {
-          if (p.value = U.status, U.status == "success") {
+        h.value = z, _.value = "uploading", await ft(T.filebumpUrl, N).then((U) => {
+          if (_.value = U.status, U.status == "success") {
             const ee = document.getElementById("chat-input-file-line-" + f);
             ee && (ee.style.display = "inherit"), a({
               url: U.url,
               name: U.name,
               size: U.size,
               type: U.type
-            }), U.preview && (x.value = {
+            }), U.preview && (k.value = {
               previewUrl: U.preview.previewUrl,
               isImage: U.preview.isImage,
               isVideo: U.preview.isVideo,
@@ -27049,53 +27049,53 @@ const Or = { class: "feed-search__container" }, zr = { style: { "line-height": "
         });
       }), m();
     }, m = () => {
-      clearInterval(s.value), r.value = 0, c.value = 0, d.value = 0, A.value = 0, i(!1), I.value = !1, b.value = void 0, M.value = [];
-    }, w = () => {
+      clearInterval(s.value), r.value = 0, c.value = 0, d.value = 0, A.value = 0, i(!1), I.value = !1, y.value = void 0, M.value = [];
+    }, p = () => {
       const N = document.getElementById("chat-input-file-line-" + f);
-      N && (N.style.display = "none"), n(), x.value = void 0;
+      N && (N.style.display = "none"), n(), k.value = void 0;
     };
     return ne(
       () => t().file,
       () => {
-        t().file || (x.value = void 0);
+        t().file || (k.value = void 0);
       }
     ), (N, z) => (l(), u("div", fd, [
-      p.value === "uploading" ? (l(), u("div", td, z[0] || (z[0] = [
+      _.value === "uploading" ? (l(), u("div", td, z[0] || (z[0] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : v("", !0),
-      I.value && p.value != "uploading" ? (l(), u("div", nd, [
+      ]))) : b("", !0),
+      I.value && _.value != "uploading" ? (l(), u("div", nd, [
         z[3] || (z[3] = o("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
         o("button", {
           class: "audio-recorder__button audio-recorder__button-record",
-          onClick: y
+          onClick: C
         }, z[1] || (z[1] = [
           o("span", { class: "pi pi-trash" }, null, -1)
         ])),
         o("button", {
           class: "audio-recorder__button audio-recorder__button-record",
-          onClick: C
+          onClick: w
         }, z[2] || (z[2] = [
           o("div", { class: "audio-recorder__stop" }, null, -1)
         ])),
         o("span", ad, E(g.value), 1)
-      ])) : v("", !0),
-      !I.value && p.value != "uploading" && !D(t)().isRecording ? (l(), u("button", {
+      ])) : b("", !0),
+      !I.value && _.value != "uploading" && !D(t)().isRecording ? (l(), u("button", {
         key: 2,
         class: S(["audio-recorder__button", { "audio-recorder__button-disabled": e.state == "disabled" || D(t)().file }]),
-        onClick: k
+        onClick: x
       }, z[4] || (z[4] = [
         o("span", { class: "pi pi-microphone" }, null, -1)
-      ]), 2)) : v("", !0),
+      ]), 2)) : b("", !0),
       D(t)().file ? (l(), B(ke, {
         key: 3,
         to: "#chat-input-file-line-" + D(f)
       }, [
-        x.value ? (l(), B(et, {
+        k.value ? (l(), B(et, {
           key: 0,
-          "file-info": x.value,
-          onReset: w
-        }, null, 8, ["file-info"])) : v("", !0)
-      ], 8, ["to"])) : v("", !0)
+          "file-info": k.value,
+          onReset: p
+        }, null, 8, ["file-info"])) : b("", !0)
+      ], 8, ["to"])) : b("", !0)
     ]));
   }
 }), $6 = /* @__PURE__ */ O(sd, [["__scopeId", "data-v-7afb97e3"]]);
@@ -27103,13 +27103,13 @@ function i1({ component: e, attrs: f, Modal: t, modalAttrs: a }) {
   return new Promise((n) => {
     const i = document.createElement("div");
     document.body.appendChild(i);
-    const s = h({}), r = () => {
+    const s = v({}), r = () => {
       g.unmount(), document.body.removeChild(i);
     }, c = () => {
       r(), n(s.value);
-    }, d = (p) => {
-      Object.keys(p).forEach((I) => {
-        s.value[I] = p[I];
+    }, d = (_) => {
+      Object.keys(_).forEach((I) => {
+        s.value[I] = _[I];
       });
     }, A = G({
       render() {
@@ -27195,7 +27195,7 @@ const id = ["data-theme"], od = {
 }, Ht = /* @__PURE__ */ O(cd, [["__scopeId", "data-v-4a9f3ae8"]]), R6 = async (e, f, t) => {
   const a = await i1({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-BMfNE-Ag.js"),
+    component: import("./SelectUser2-D9COZyKO.js"),
     attrs: {
       title: e,
       users: f
@@ -27267,7 +27267,7 @@ const id = ["data-theme"], od = {
   }
 }, fa = /* @__PURE__ */ O(Ad, [["__scopeId", "data-v-fcb0f158"]]), P6 = async (e, f, t, a, n, i) => await i1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./CreateDialog-JpI7TmA9.js"),
+  component: import("./CreateDialog-CmOo-S6b.js"),
   attrs: {
     title: e,
     name: f,
@@ -27281,7 +27281,7 @@ const id = ["data-theme"], od = {
   }
 }), gd = async (e) => await i1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./ModalVideoRecorder--K3PlGse.js"),
+  component: import("./ModalVideoRecorder-DwV65ErV.js"),
   attrs: {},
   Modal: fa,
   modalAttrs: {
@@ -27306,26 +27306,26 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getMessage: t, setMessageFile: a, setRecordingMessage: n, resetMessageFile: i } = ze(f), { getTheme: s } = Ue(f), r = h(""), c = h(), d = e, A = async () => {
+    const f = se("chatAppId"), { getMessage: t, setMessageFile: a, setRecordingMessage: n, resetMessageFile: i } = ze(f), { getTheme: s } = Ue(f), r = v(""), c = v(), d = e, A = async () => {
       if (!t().file && d.state == "active") {
-        const p = s().theme ? s().theme : "";
-        await gd(p).then(async (I) => {
-          I.videoFile && (r.value = "uploading", n(!0), await ft(d.filebumpUrl, I.videoFile).then((b) => {
-            if (n(!1), r.value = b.status, b.status == "success") {
+        const _ = s().theme ? s().theme : "";
+        await gd(_).then(async (I) => {
+          I.videoFile && (r.value = "uploading", n(!0), await ft(d.filebumpUrl, I.videoFile).then((y) => {
+            if (n(!1), r.value = y.status, y.status == "success") {
               a({
-                url: b.url,
-                name: b.name,
-                size: b.size,
-                type: b.type
+                url: y.url,
+                name: y.name,
+                size: y.size,
+                type: y.type
               });
               const M = document.getElementById("chat-input-file-line-" + f);
-              M && (M.style.display = "inherit"), b.preview && (c.value = {
-                previewUrl: b.preview.previewUrl,
-                isImage: b.preview.isImage,
-                isVideo: b.preview.isVideo,
-                isAudio: b.preview.isAudio,
-                fileName: b.name,
-                fileSize: b.preview.fileSize
+              M && (M.style.display = "inherit"), y.preview && (c.value = {
+                previewUrl: y.preview.previewUrl,
+                isImage: y.preview.isImage,
+                isVideo: y.preview.isVideo,
+                isAudio: y.preview.isAudio,
+                fileName: y.name,
+                fileSize: y.preview.fileSize
               });
             }
           }));
@@ -27333,27 +27333,27 @@ const id = ["data-theme"], od = {
       }
     }, g = () => {
       i();
-      const p = document.getElementById("chat-input-file-line-" + f);
-      p && (p.style.display = "none"), c.value = void 0;
+      const _ = document.getElementById("chat-input-file-line-" + f);
+      _ && (_.style.display = "none"), c.value = void 0;
     };
     return ne(
       () => t().file,
       () => {
         t().file || (c.value = void 0);
       }
-    ), (p, I) => (l(), u(J, null, [
-      D(t)().isRecording ? v("", !0) : (l(), u("div", md, [
+    ), (_, I) => (l(), u(J, null, [
+      D(t)().isRecording ? b("", !0) : (l(), u("div", md, [
         r.value != "uploading" ? (l(), u("button", {
           key: 0,
           class: S(["video-recorder__button", { "video-recorder__button-disabled": e.state == "disabled" || D(t)().file }]),
           onClick: A
         }, I[0] || (I[0] = [
           o("span", { class: "pi pi-video" }, null, -1)
-        ]), 2)) : v("", !0)
+        ]), 2)) : b("", !0)
       ])),
       r.value === "uploading" ? (l(), u("div", pd, I[1] || (I[1] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : v("", !0),
+      ]))) : b("", !0),
       D(t)().file ? (l(), B(ke, {
         key: 2,
         to: "#chat-input-file-line-" + D(f)
@@ -27362,8 +27362,8 @@ const id = ["data-theme"], od = {
           key: 0,
           "file-info": c.value,
           onReset: g
-        }, null, 8, ["file-info"])) : v("", !0)
-      ], 8, ["to"])) : v("", !0)
+        }, null, 8, ["file-info"])) : b("", !0)
+      ], 8, ["to"])) : b("", !0)
     ], 64));
   }
 }), Y6 = /* @__PURE__ */ O(_d, [["__scopeId", "data-v-d4c5e55f"]]), hd = /* @__PURE__ */ G({
@@ -27418,7 +27418,7 @@ const id = ["data-theme"], od = {
             }, " / ", 2)
           ]),
           _: 1
-        }, 8, ["mode", "disabled", "actions"])) : v("", !0)
+        }, 8, ["mode", "disabled", "actions"])) : b("", !0)
       ]),
       _: 1
     }));
@@ -27496,7 +27496,7 @@ const id = ["data-theme"], od = {
   },
   emits: ["select-attribute-channel", "phone-call"],
   setup(e, { emit: f }) {
-    const t = e, a = f, n = h(null), i = h(null), s = h(null), r = h(null), c = h(!1), d = h(!1), A = h(null), g = h("0px"), p = h(null), I = h(!1), b = h(null), M = h({}), _ = h(0), x = h(!1), T = h(null), k = h(null), y = ["phone", "whatsapp", "telegram", "max", "sms"], C = {
+    const t = e, a = f, n = v(null), i = v(null), s = v(null), r = v(null), c = v(!1), d = v(!1), A = v(null), g = v("0px"), _ = v(null), I = v(!1), y = v(null), M = v({}), h = v(0), k = v(!1), T = v(null), x = v(null), C = ["phone", "whatsapp", "telegram", "max", "sms"], w = {
       phone: Ga,
       whatsapp: ts,
       telegram: is,
@@ -27508,13 +27508,13 @@ const id = ["data-theme"], od = {
       telegram: ks,
       max: Ns,
       sms: Vs
-    }, w = Q(
-      () => y.map((V) => ({
+    }, p = Q(
+      () => C.map((V) => ({
         type: V,
-        component: C[V]
+        component: w[V]
       }))
-    ), N = h(
-      Object.fromEntries(y.map((V) => [V, []]))
+    ), N = v(
+      Object.fromEntries(C.map((V) => [V, []]))
     ), z = Q(
       () => s.value ? j(s.value) : null
     ), U = Q(
@@ -27553,7 +27553,7 @@ const id = ["data-theme"], od = {
       ) : !0;
     }, ae = (V) => t.channels.filter(
       ($) => ie($.channelId) === V
-    ).length > 1, ve = (V) => b.value === V, Ae = (V) => {
+    ).length > 1, ve = (V) => y.value === V, Ae = (V) => {
       const $ = t.channels.filter(
         (pe) => ie(pe.channelId) === V
       );
@@ -27565,7 +27565,7 @@ const id = ["data-theme"], od = {
       const $ = Ae(V);
       return $ ? Be($.channelId) : ye(V);
     }, F = () => {
-      const V = Object.fromEntries(y.map(($) => [$, []]));
+      const V = Object.fromEntries(C.map(($) => [$, []]));
       t.contactAttributes.forEach(($) => {
         $.type === "telegram" ? V.telegram.push($) : $.type === "phone" && ["whatsapp", "max", "sms", "phone"].forEach((pe) => {
           V[pe].push($);
@@ -27582,11 +27582,11 @@ const id = ["data-theme"], od = {
       });
     }, P = (V) => {
       var $;
-      return (($ = p.value) == null ? void 0 : $.id) === V.id;
+      return (($ = _.value) == null ? void 0 : $.id) === V.id;
     }, q = (V) => {
-      b.value === V && s.value === V ? ce() : (s.value = V, c.value = !0, d.value = !1, p.value = null, I.value = !1, ff());
+      y.value === V && s.value === V ? ce() : (s.value = V, c.value = !0, d.value = !1, _.value = null, I.value = !1, ff());
     }, ce = () => {
-      c.value = !1, s.value = null, p.value = null, I.value = !1, d.value = !1;
+      c.value = !1, s.value = null, _.value = null, I.value = !1, d.value = !1;
     }, xe = () => {
       var V;
       if (s.value === "phone")
@@ -27614,31 +27614,31 @@ const id = ["data-theme"], od = {
       a("select-attribute-channel", {
         attributeId: V.id,
         channelId: $
-      }), b.value = s.value, M.value = t.channels.find((pe) => pe.channelId === $), console.log("TEST selectedChannel.value", M.value), X($) && t.isNewDialog ? df() : Pe(), ce();
+      }), y.value = s.value, M.value = t.channels.find((pe) => pe.channelId === $), console.log("TEST selectedChannel.value", M.value), X($) && t.isNewDialog ? df() : Pe(), ce();
     }, Sf = (V) => {
       z.value && a("select-attribute-channel", {
         attributeId: z.value.id,
         channelId: V
-      }), b.value = s.value, M.value = t.channels.find(($) => $.channelId === V), console.log("TEST selectedChannel.value", M.value), X(V) && t.isNewDialog ? df() : Pe(), ce();
+      }), y.value = s.value, M.value = t.channels.find(($) => $.channelId === V), console.log("TEST selectedChannel.value", M.value), X(V) && t.isNewDialog ? df() : Pe(), ce();
     }, c1 = (V) => {
       ae(s.value) && (Vf(), I.value = !0, d.value = !0, Lf(V.currentTarget));
     }, r1 = () => {
       d.value || (I.value = !1);
     }, d1 = (V, $) => {
-      ae(s.value) && (I.value = !1, A.value = V, d.value = !0, p.value = V, Lf($.currentTarget));
+      ae(s.value) && (I.value = !1, A.value = V, d.value = !0, _.value = V, Lf($.currentTarget));
     }, A1 = () => {
-      d.value || (p.value = null);
+      d.value || (_.value = null);
     }, Vf = () => {
-      d.value = !1, p.value = null, A.value = null;
+      d.value = !1, _.value = null, A.value = null;
     }, st = () => {
       d.value = !0;
     }, Je = () => {
-      d.value = !1, p.value = null, I.value = !1;
+      d.value = !1, _.value = null, I.value = !1;
     }, vf = (V) => {
       I.value ? Sf(V) : A.value && (a("select-attribute-channel", {
         attributeId: A.value.id,
         channelId: V
-      }), b.value = s.value, M.value = t.channels.find(($) => $.channelId === V), console.log("TEST selectedChannel.value", M.value), X(V) && t.isNewDialog ? df() : Pe()), ce();
+      }), y.value = s.value, M.value = t.channels.find(($) => $.channelId === V), console.log("TEST selectedChannel.value", M.value), X(V) && t.isNewDialog ? df() : Pe()), ce();
     }, ff = () => {
       i.value && (g.value = `${i.value.offsetWidth}px`);
     }, Lf = (V) => {
@@ -27647,7 +27647,7 @@ const id = ["data-theme"], od = {
           var af, Wt, Zt;
           const $ = (af = n.value) == null ? void 0 : af.querySelector(".attributes-menu"), pe = (Wt = n.value) == null ? void 0 : Wt.querySelector(".sub-menu-header"), tf = (Zt = n.value) == null ? void 0 : Zt.querySelector(".sub-menu");
           if (!$ || !V) {
-            _.value = 0;
+            h.value = 0;
             return;
           }
           const nf = $.getBoundingClientRect(), Af = V.getBoundingClientRect();
@@ -27661,10 +27661,10 @@ const id = ["data-theme"], od = {
             const it = getComputedStyle(tf);
             Me = parseFloat(it.paddingTop || "0") || 0;
           }
-          _.value = Af.top - nf.top - fe - Me - 2;
+          h.value = Af.top - nf.top - fe - Me - 2;
         });
       } catch {
-        _.value = 0;
+        h.value = 0;
       }
     }, bf = (V) => {
       n.value && !n.value.contains(V.target) && ce();
@@ -27674,24 +27674,24 @@ const id = ["data-theme"], od = {
     }, { deep: !0 });
     const Of = (V) => {
       if (!V) {
-        b.value = null, M.value = {}, Pe();
+        y.value = null, M.value = {}, Pe();
         return;
       }
       const $ = ie(V.channelId);
-      $ && y.includes($) && (b.value = $, M.value = t.channels.find((pe) => pe.channelId === V.channelId), X(V.channelId) && t.isNewDialog ? df() : Pe());
+      $ && C.includes($) && (y.value = $, M.value = t.channels.find((pe) => pe.channelId === V.channelId), X(V.channelId) && t.isNewDialog ? df() : Pe());
     }, df = () => {
-      Pe(), x.value = !0, _e(() => {
-        const V = Array.isArray(k.value) ? k.value[0] : k.value;
+      Pe(), k.value = !0, _e(() => {
+        const V = Array.isArray(x.value) ? x.value[0] : x.value;
         V && typeof V.startAutoShow == "function" ? V.startAutoShow() : console.log("startAutoShow method not found on tooltipRef");
       }), T.value = setTimeout(() => {
-        x.value = !1;
+        k.value = !1;
       }, 5e3);
     }, Pe = () => {
-      if (T.value && (clearTimeout(T.value), T.value = null), k.value) {
-        const V = Array.isArray(k.value) ? k.value[0] : k.value;
+      if (T.value && (clearTimeout(T.value), T.value = null), x.value) {
+        const V = Array.isArray(x.value) ? x.value[0] : x.value;
         V && typeof V.clearAutoTimer == "function" && V.clearAutoTimer();
       }
-      x.value = !1;
+      k.value = !1;
     };
     return me(() => {
       ff(), window.addEventListener("resize", ff), document.addEventListener("click", bf), F(), Of(t.selectedDialog);
@@ -27709,7 +27709,7 @@ const id = ["data-theme"], od = {
           ref: i,
           class: "channels-panel"
         }, [
-          (l(!0), u(J, null, le(w.value, (fe) => {
+          (l(!0), u(J, null, le(p.value, (fe) => {
             var Me;
             return l(), u("button", {
               key: fe.type,
@@ -27725,12 +27725,12 @@ const id = ["data-theme"], od = {
                 Y(we, {
                   ref_for: !0,
                   ref: (af) => {
-                    af && (k.value = af);
+                    af && (x.value = af);
                   },
-                  text: x.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (Me = M.value) == null ? void 0 : Me.title,
+                  text: k.value ? "Выбран канал по умолчанию, можно изменить в настройках профиля" : (Me = M.value) == null ? void 0 : Me.title,
                   position: "bottom-left",
                   offset: 8,
-                  trigger: x.value ? "auto" : "hover",
+                  trigger: k.value ? "auto" : "hover",
                   "auto-show-duration": 5e3
                 }, {
                   default: K(() => [
@@ -27762,7 +27762,7 @@ const id = ["data-theme"], od = {
           class: "attributes-menu",
           style: re({ width: g.value })
         }, [
-          U.value ? (l(), u("div", Cd, " Недавний ")) : v("", !0),
+          U.value ? (l(), u("div", Cd, " Недавний ")) : b("", !0),
           U.value && ((pe = t.recentAttributeChannels[s.value]) != null && pe.tooltip) ? (l(), B(we, {
             key: 1,
             text: (tf = t.recentAttributeChannels[s.value]) == null ? void 0 : tf.tooltip,
@@ -27811,8 +27811,8 @@ const id = ["data-theme"], od = {
             }, [
               (l(), B(Se(ye(s.value))))
             ], 2)
-          ], 34)) : v("", !0),
-          U.value && ((Af = N.value[s.value]) != null && Af.length) && s.value !== "phone" ? (l(), u("div", Td)) : v("", !0),
+          ], 34)) : b("", !0),
+          U.value && ((Af = N.value[s.value]) != null && Af.length) && s.value !== "phone" ? (l(), u("div", Td)) : b("", !0),
           (l(!0), u(J, null, le(N.value[s.value], (fe) => (l(), u("div", {
             key: fe.attributeId,
             class: S(["attribute-item", {
@@ -27837,7 +27837,7 @@ const id = ["data-theme"], od = {
           d.value && H.value ? (l(), u("div", {
             key: 4,
             class: "sub-menu left",
-            style: re({ top: _.value + "px" }),
+            style: re({ top: h.value + "px" }),
             onMouseenter: st,
             onMouseleave: Je
           }, [
@@ -27854,8 +27854,8 @@ const id = ["data-theme"], od = {
                 (l(), B(Se(Be(fe.channelId))))
               ], 2)
             ], 8, Ld))), 128))
-          ], 36)) : v("", !0)
-        ], 4)) : v("", !0)
+          ], 36)) : b("", !0)
+        ], 4)) : b("", !0)
       ], 512);
     };
   }
@@ -27884,59 +27884,59 @@ const id = ["data-theme"], od = {
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: f, emit: t }) {
-    const a = se("chatAppId"), n = se("extChatAppId"), { getTheme: i } = Ue(a), s = e, r = G1(), c = t, d = h(), A = h(), g = h(!1), p = (C) => {
-      k(), c("click", C);
+    const a = se("chatAppId"), n = se("extChatAppId"), { getTheme: i } = Ue(a), s = e, r = G1(), c = t, d = v(), A = v(), g = v(!1), _ = (w) => {
+      x(), c("click", w);
     }, I = () => {
-      s.disabled || (s.mode == "click" && !g.value ? T() : s.mode == "click" && g.value && k(), c("buttonClick"));
-    }, b = () => {
+      s.disabled || (s.mode == "click" && !g.value ? T() : s.mode == "click" && g.value && x(), c("buttonClick"));
+    }, y = () => {
       s.disabled || s.mode == "hover" && T();
     }, M = () => {
-      s.disabled || s.mode == "hover" && k();
-    }, _ = () => {
+      s.disabled || s.mode == "hover" && x();
+    }, h = () => {
       c("menuMouseEnter"), s.disabled || s.mode == "hover" && T();
-    }, x = () => {
-      c("menuMouseLeave"), s.disabled || s.mode == "hover" && k();
+    }, k = () => {
+      c("menuMouseLeave"), s.disabled || s.mode == "hover" && x();
     }, T = () => {
       if (A.value && d.value) {
-        const C = d.value, m = A.value.getBoundingClientRect();
-        C.style.display = "inherit";
-        const w = d.value.getBoundingClientRect();
-        C.style.display = "none", _e(() => {
+        const w = d.value, m = A.value.getBoundingClientRect();
+        w.style.display = "inherit";
+        const p = d.value.getBoundingClientRect();
+        w.style.display = "none", _e(() => {
           const N = {
-            left: { top: m.top - (w.height - m.height) / 2 - w.top, left: m.left - w.width - w.left },
-            right: { top: m.top - (w.height - m.height) / 2 - w.top, left: m.left + m.width - w.left },
-            bottom: { top: (m == null ? void 0 : m.bottom) - w.top, left: (m == null ? void 0 : m.left) - (w.width - m.width) / 2 - w.left },
-            top: { top: m.top - w.height - w.top, left: (m == null ? void 0 : m.left) - (w.width - m.width) / 2 - w.left },
-            "top-right": { top: m.top - w.height, left: m.right - w.width / 2 },
-            "bottom-left": { top: (m == null ? void 0 : m.bottom) - w.top + 10, left: m.left - w.width - w.left + 50 }
+            left: { top: m.top - (p.height - m.height) / 2 - p.top, left: m.left - p.width - p.left },
+            right: { top: m.top - (p.height - m.height) / 2 - p.top, left: m.left + m.width - p.left },
+            bottom: { top: (m == null ? void 0 : m.bottom) - p.top, left: (m == null ? void 0 : m.left) - (p.width - m.width) / 2 - p.left },
+            top: { top: m.top - p.height - p.top, left: (m == null ? void 0 : m.left) - (p.width - m.width) / 2 - p.left },
+            "top-right": { top: m.top - p.height, left: m.right - p.width / 2 },
+            "bottom-left": { top: (m == null ? void 0 : m.bottom) - p.top + 10, left: m.left - p.width - p.left + 50 }
           };
-          C.style.top = N[s.menuSide].top + "px", C.style.left = N[s.menuSide].left + "px", C.style.opacity = "1", C.style.display = "inherit", g.value = !0;
+          w.style.top = N[s.menuSide].top + "px", w.style.left = N[s.menuSide].left + "px", w.style.opacity = "1", w.style.display = "inherit", g.value = !0;
         });
       }
-    }, k = () => {
+    }, x = () => {
       if (d.value) {
-        const C = d.value;
-        C && (C.style.top = "0", C.style.left = "0", C.style.opacity = "0", C.style.display = "none", g.value = !1);
+        const w = d.value;
+        w && (w.style.top = "0", w.style.left = "0", w.style.opacity = "0", w.style.display = "none", g.value = !1);
       }
-    }, y = (C) => {
-      s.mode == "click" && A.value && !A.value.contains(C.target) && k();
+    }, C = (w) => {
+      s.mode == "click" && A.value && !A.value.contains(w.target) && x();
     };
     return me(() => {
       _e(() => {
-        d.value = document.getElementById("context-menu-" + r + n), d.value && (k(), document.addEventListener("click", y));
+        d.value = document.getElementById("context-menu-" + r + n), d.value && (x(), document.addEventListener("click", C));
       });
     }), cf(() => {
-      document.removeEventListener("click", y);
+      document.removeEventListener("click", C);
     }), f({
       updatePosition: T,
-      hideMenu: k
-    }), (C, m) => (l(), u("div", Ud, [
+      hideMenu: x
+    }), (w, m) => (l(), u("div", Ud, [
       o("button", {
         id: "container-" + D(r) + D(n),
         ref_key: "actionScope",
         ref: A,
         class: "contact-context-menu__button",
-        onMouseenter: b,
+        onMouseenter: y,
         onMouseleave: M,
         onClick: I
       }, [
@@ -27948,9 +27948,9 @@ const id = ["data-theme"], od = {
             id: "context-menu-" + D(r) + D(n),
             actions: e.actions,
             "data-theme": D(i)().theme ? D(i)().theme : "light",
-            onMouseenter: _,
-            onMouseleave: x,
-            onClick: p
+            onMouseenter: h,
+            onMouseleave: k,
+            onClick: _
           }, null, 8, ["id", "actions", "data-theme"])
         ]))
       ], 40, Bd)
@@ -27978,11 +27978,11 @@ const id = ["data-theme"], od = {
         }, null, 2)
       ]),
       o("div", Qd, [
-        e.message.header ? (l(), u("p", Fd, E(e.message.header), 1)) : v("", !0),
+        e.message.header ? (l(), u("p", Fd, E(e.message.header), 1)) : b("", !0),
         o("div", Pd, [
           e.message.isMissedCall ? (l(), u("span", qd, " Пропущенный аудиозвонок ")) : (l(), u("span", Yd, " Аудиозвонок "))
         ]),
-        e.message.callDuration ? (l(), u("p", Hd, E(e.message.callDuration), 1)) : v("", !0)
+        e.message.callDuration ? (l(), u("p", Hd, E(e.message.callDuration), 1)) : b("", !0)
       ])
     ], 64));
   }
@@ -28121,7 +28121,7 @@ const id = ["data-theme"], od = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = e, a = f, n = h(!1), i = h(!1), s = h(""), r = Q(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
+    const t = e, a = f, n = v(!1), i = v(!1), s = v(""), r = Q(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
     ne(
       () => t.message.text,
       () => {
@@ -28129,24 +28129,24 @@ const id = ["data-theme"], od = {
       },
       { immediate: !0 }
     );
-    const c = (_) => {
-      a("reply", _);
+    const c = (h) => {
+      a("reply", h);
     };
-    function d(_) {
-      _.preventDefault(), _.target.href && window.open(_.target.href, "_blank");
+    function d(h) {
+      h.preventDefault(), h.target.href && window.open(h.target.href, "_blank");
     }
     const A = () => {
       a("action", { messageId: t.message.messageId, type: "views" });
     }, g = () => {
-    }, p = () => {
+    }, _ = () => {
       i.value = !0;
     }, I = () => {
       i.value = !1, n.value = !1;
-    }, b = Q(() => Ef(t.message.status));
-    function M(_) {
-      return _.position === "left" ? "file-message__left" : "file-message__right";
+    }, y = Q(() => Ef(t.message.status));
+    function M(h) {
+      return h.position === "left" ? "file-message__left" : "file-message__right";
     }
-    return (_, x) => (l(), u("div", {
+    return (h, k) => (l(), u("div", {
       class: S(["file-message", [
         M(e.message),
         e.applyStyle(e.message)
@@ -28162,7 +28162,7 @@ const id = ["data-theme"], od = {
         height: "32",
         width: "32",
         style: re({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, c3)) : v("", !0),
+      }, null, 12, c3)) : b("", !0),
       e.message.subText && e.isFirstInSeries ? (l(), u("p", r3, [
         Y(we, {
           text: r.value,
@@ -28174,27 +28174,27 @@ const id = ["data-theme"], od = {
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : v("", !0),
+      ])) : b("", !0),
       o("div", {
         class: S(["file-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         style: re({ gridRow: e.message.subText ? "2" : "1" }),
-        onMouseenter: p
+        onMouseenter: _
       }, [
         e.message.reply ? (l(), B(jf, {
           key: 0,
           message: e.message.reply,
           class: S(e.message.position),
           onReply: c
-        }, null, 8, ["message", "class"])) : v("", !0),
+        }, null, 8, ["message", "class"])) : b("", !0),
         o("a", {
           class: "file-message__link",
           href: e.message.url,
           download: "",
           target: "_blank"
         }, [
-          x[1] || (x[1] = o("span", { class: "pi pi-file" }, null, -1)),
+          k[1] || (k[1] = o("span", { class: "pi pi-file" }, null, -1)),
           o("p", A3, E(e.message.filename), 1),
-          x[2] || (x[2] = o("div", { class: "file-message__download-button" }, [
+          k[2] || (k[2] = o("div", { class: "file-message__download-button" }, [
             o("span", { class: "pi pi-download" })
           ], -1))
         ], 8, d3),
@@ -28203,42 +28203,42 @@ const id = ["data-theme"], od = {
             onClick: d,
             innerHTML: s.value
           }, null, 8, m3)
-        ])) : v("", !0),
+        ])) : b("", !0),
         e.message.linkPreview ? (l(), B(o1, {
           key: 2,
           class: S(e.message.position),
           "link-preview": e.message.linkPreview
-        }, null, 8, ["class", "link-preview"])) : v("", !0),
+        }, null, 8, ["class", "link-preview"])) : b("", !0),
         e.message.embed ? (l(), B(l1, {
           key: 3,
           class: S(e.message.position),
           embed: e.message.embed
-        }, null, 8, ["class", "embed"])) : v("", !0),
+        }, null, 8, ["class", "embed"])) : b("", !0),
         o("div", p3, [
           e.message.views ? (l(), u("div", {
             key: 0,
             class: "file-message__views",
             onClick: A
           }, [
-            x[3] || (x[3] = o("span", { class: "pi pi-eye" }, null, -1)),
+            k[3] || (k[3] = o("span", { class: "pi pi-eye" }, null, -1)),
             o("p", null, E(e.message.views), 1)
-          ])) : v("", !0),
+          ])) : b("", !0),
           o("span", _3, E(e.message.time), 1),
           M(e.message) === "file-message__right" && D(Nf).includes(e.message.status) ? (l(), u("div", {
             key: 1,
-            class: S(["file-message__status", b.value])
+            class: S(["file-message__status", y.value])
           }, [
-            e.message.status !== "sent" ? (l(), u("span", h3)) : v("", !0),
-            x[4] || (x[4] = o("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : v("", !0)
+            e.message.status !== "sent" ? (l(), u("span", h3)) : b("", !0),
+            k[4] || (k[4] = o("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : b("", !0)
         ]),
         i.value && e.message.actions ? (l(), u("button", {
           key: 4,
           class: "file-message__menu-button",
-          onClick: x[0] || (x[0] = (T) => n.value = !n.value)
-        }, x[5] || (x[5] = [
+          onClick: k[0] || (k[0] = (T) => n.value = !n.value)
+        }, k[5] || (k[5] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : v("", !0),
+        ]))) : b("", !0),
         Y(ue, null, {
           default: K(() => [
             n.value && e.message.actions ? (l(), B(D(_f), {
@@ -28246,7 +28246,7 @@ const id = ["data-theme"], od = {
               class: "file-message__context-menu",
               actions: e.message.actions,
               onClick: g
-            }, null, 8, ["actions"])) : v("", !0)
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         })
@@ -28288,7 +28288,7 @@ const id = ["data-theme"], od = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = e, i = f, s = h(!1), r = h(!1), c = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), d = h(!1), A = h(!1), g = h("");
+    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = e, i = f, s = v(!1), r = v(!1), c = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), d = v(!1), A = v(!1), g = v("");
     ne(
       () => n.message.text,
       () => {
@@ -28296,32 +28296,32 @@ const id = ["data-theme"], od = {
       },
       { immediate: !0 }
     );
-    const p = (m) => {
+    const _ = (m) => {
       i("reply", m);
     };
     function I(m) {
       m.preventDefault(), m.target.href && window.open(m.target.href, "_blank");
     }
-    const b = () => {
+    const y = () => {
       i("action", { messageId: n.message.messageId, type: "views" });
     }, M = () => {
-    }, _ = () => {
+    }, h = () => {
       d.value = !0, A.value = !0;
-    }, x = () => {
+    }, k = () => {
       d.value = !1, r.value = !1;
-    }, T = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), k = Q(() => Ef(n.message.status));
-    function y(m) {
+    }, T = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), x = Q(() => Ef(n.message.status));
+    function C(m) {
       return m.position === "left" ? "image-message__left" : "image-message__right";
     }
-    const C = () => s.value = !1;
-    return (m, w) => (l(), u("div", {
+    const w = () => s.value = !1;
+    return (m, p) => (l(), u("div", {
       class: S(["image-message", [
-        y(e.message),
+        C(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
       style: re(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-      onMouseleave: x
+      onMouseleave: k
     }, [
       e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
         key: 0,
@@ -28329,7 +28329,7 @@ const id = ["data-theme"], od = {
         src: e.message.avatar,
         height: "32",
         width: "32"
-      }, null, 8, M3)) : v("", !0),
+      }, null, 8, M3)) : b("", !0),
       e.message.subText && e.isFirstInSeries ? (l(), u("p", w3, [
         Y(we, {
           text: c.value,
@@ -28341,7 +28341,7 @@ const id = ["data-theme"], od = {
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : v("", !0),
+      ])) : b("", !0),
       o("div", {
         class: S(["image-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
       }, [
@@ -28350,13 +28350,13 @@ const id = ["data-theme"], od = {
           style: { margin: "10px 10px 4px 16px" },
           class: S(e.message.position),
           message: e.message.reply,
-          onReply: p
-        }, null, 8, ["class", "message"])) : v("", !0),
+          onReply: _
+        }, null, 8, ["class", "message"])) : b("", !0),
         o("div", {
           class: "image-message__preview-button",
-          onClick: w[0] || (w[0] = (N) => s.value = !0),
-          onMouseenter: _,
-          onMouseleave: w[1] || (w[1] = (N) => A.value = !A.value)
+          onClick: p[0] || (p[0] = (N) => s.value = !0),
+          onMouseenter: h,
+          onMouseleave: p[1] || (p[1] = (N) => A.value = !A.value)
         }, [
           o("img", {
             class: "image-message__preview-image",
@@ -28370,20 +28370,20 @@ const id = ["data-theme"], od = {
                 e.message.views ? (l(), u("div", {
                   key: 0,
                   class: "image-message__views",
-                  onClick: Kf(b, ["stop"])
+                  onClick: Kf(y, ["stop"])
                 }, [
-                  w[3] || (w[3] = o("span", { class: "pi pi-eye" }, null, -1)),
+                  p[3] || (p[3] = o("span", { class: "pi pi-eye" }, null, -1)),
                   o("p", null, E(e.message.views), 1)
-                ])) : v("", !0),
+                ])) : b("", !0),
                 o("span", k3, E(e.message.time), 1),
-                y(e.message) === "image-message__right" && D(Nf).includes(e.message.status) ? (l(), u("div", {
+                C(e.message) === "image-message__right" && D(Nf).includes(e.message.status) ? (l(), u("div", {
                   key: 1,
-                  class: S(["image-message__status", k.value])
+                  class: S(["image-message__status", x.value])
                 }, [
-                  e.message.status !== "sent" ? (l(), u("span", x3)) : v("", !0),
-                  w[4] || (w[4] = o("span", { class: "pi pi-check" }, null, -1))
-                ], 2)) : v("", !0)
-              ])) : v("", !0)
+                  e.message.status !== "sent" ? (l(), u("span", x3)) : b("", !0),
+                  p[4] || (p[4] = o("span", { class: "pi pi-check" }, null, -1))
+                ], 2)) : b("", !0)
+              ])) : b("", !0)
             ]),
             _: 1
           }),
@@ -28396,9 +28396,9 @@ const id = ["data-theme"], od = {
                 download: "",
                 target: "_blank",
                 onClick: Kf(() => "//Предотвращаем всплытие события клика", ["stop"])
-              }, w[5] || (w[5] = [
+              }, p[5] || (p[5] = [
                 o("span", { class: "pi pi-download" }, null, -1)
-              ]), 8, D3)) : v("", !0)
+              ]), 8, D3)) : b("", !0)
             ]),
             _: 1
           })
@@ -28408,10 +28408,10 @@ const id = ["data-theme"], od = {
             d.value && e.message.actions ? (l(), u("button", {
               key: 0,
               class: "image-message__menu-button",
-              onClick: w[2] || (w[2] = (N) => r.value = !r.value)
-            }, w[6] || (w[6] = [
+              onClick: p[2] || (p[2] = (N) => r.value = !r.value)
+            }, p[6] || (p[6] = [
               o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-            ]))) : v("", !0)
+            ]))) : b("", !0)
           ]),
           _: 1
         }),
@@ -28422,7 +28422,7 @@ const id = ["data-theme"], od = {
               class: "image-message__context-menu",
               actions: e.message.actions,
               onClick: M
-            }, null, 8, ["actions"])) : v("", !0)
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         }),
@@ -28431,17 +28431,17 @@ const id = ["data-theme"], od = {
             onClick: I,
             innerHTML: g.value
           }, null, 8, N3)
-        ])) : v("", !0),
+        ])) : b("", !0),
         e.message.linkPreview ? (l(), B(o1, {
           key: 2,
           class: S(["image-message__link-preview", e.message.position]),
           "link-preview": e.message.linkPreview
-        }, null, 8, ["class", "link-preview"])) : v("", !0),
+        }, null, 8, ["class", "link-preview"])) : b("", !0),
         e.message.embed ? (l(), B(l1, {
           key: 3,
           class: S(e.message.position),
           embed: e.message.embed
-        }, null, 8, ["class", "embed"])) : v("", !0)
+        }, null, 8, ["class", "embed"])) : b("", !0)
       ], 2),
       (l(), B(ke, { to: "body" }, [
         Y(ue, { name: "modal-fade" }, {
@@ -28449,7 +28449,7 @@ const id = ["data-theme"], od = {
             s.value ? (l(), B(t1, {
               key: 0,
               "data-theme": D(a)().theme ? D(a)().theme : "light",
-              onClose: C
+              onClose: w
             }, {
               default: K(() => [
                 o("img", {
@@ -28459,7 +28459,7 @@ const id = ["data-theme"], od = {
                 }, null, 8, E3)
               ]),
               _: 1
-            }, 8, ["data-theme"])) : v("", !0)
+            }, 8, ["data-theme"])) : b("", !0)
           ]),
           _: 1
         })
@@ -28498,7 +28498,7 @@ const id = ["data-theme"], od = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = e, a = f, n = h(!1), i = h(!1), s = h(""), r = Q(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
+    const t = e, a = f, n = v(!1), i = v(!1), s = v(""), r = Q(() => t.subtextTooltipData && t.subtextTooltipData[t.message.messageId] ? t.subtextTooltipData[t.message.messageId] : t.message.subText || "");
     ne(
       () => t.message.text,
       () => {
@@ -28506,25 +28506,25 @@ const id = ["data-theme"], od = {
       },
       { immediate: !0 }
     );
-    const c = (_) => {
-      a("reply", _);
+    const c = (h) => {
+      a("reply", h);
     };
-    function d(_) {
-      _.preventDefault(), _.target.href && window.open(_.target.href, "_blank");
+    function d(h) {
+      h.preventDefault(), h.target.href && window.open(h.target.href, "_blank");
     }
     const A = () => {
       i.value = !0;
     }, g = () => {
       i.value = !1, n.value = !1;
-    }, p = Q(() => Ef(t.message.status)), I = (_) => {
-      g(), a("action", { messageId: t.message.messageId, type: "menu", ..._ });
-    }, b = () => {
+    }, _ = Q(() => Ef(t.message.status)), I = (h) => {
+      g(), a("action", { messageId: t.message.messageId, type: "menu", ...h });
+    }, y = () => {
       g(), a("action", { messageId: t.message.messageId, type: "views" });
     };
-    function M(_) {
-      return _.position === "left" ? "text-message__left" : "text-message__right";
+    function M(h) {
+      return h.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (_, x) => (l(), u("div", {
+    return (h, k) => (l(), u("div", {
       class: S(["text-message", [
         M(e.message),
         e.applyStyle(e.message)
@@ -28540,7 +28540,7 @@ const id = ["data-theme"], od = {
         height: "32",
         width: "32",
         style: re({ gridRow: e.message.subText && e.isFirstInSeries ? "2" : "1" })
-      }, null, 12, L3)) : v("", !0),
+      }, null, 12, L3)) : b("", !0),
       e.message.subText && e.isFirstInSeries ? (l(), u("p", O3, [
         Y(we, {
           text: r.value,
@@ -28552,7 +28552,7 @@ const id = ["data-theme"], od = {
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : v("", !0),
+      ])) : b("", !0),
       o("div", {
         class: S(["text-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
         onMouseenter: A
@@ -28562,7 +28562,7 @@ const id = ["data-theme"], od = {
           class: S(e.message.position),
           message: e.message.reply,
           onReply: c
-        }, null, 8, ["class", "message"])) : v("", !0),
+        }, null, 8, ["class", "message"])) : b("", !0),
         o("p", {
           class: "text-message__text",
           onClick: d,
@@ -28572,37 +28572,37 @@ const id = ["data-theme"], od = {
           key: 1,
           class: S(e.message.position),
           "link-preview": e.message.linkPreview
-        }, null, 8, ["class", "link-preview"])) : v("", !0),
+        }, null, 8, ["class", "link-preview"])) : b("", !0),
         e.message.embed ? (l(), B(l1, {
           key: 2,
           class: S(e.message.position),
           embed: e.message.embed
-        }, null, 8, ["class", "embed"])) : v("", !0),
+        }, null, 8, ["class", "embed"])) : b("", !0),
         o("div", U3, [
           e.message.views ? (l(), u("div", {
             key: 0,
             class: "text-message__views",
-            onClick: b
+            onClick: y
           }, [
-            x[1] || (x[1] = o("span", { class: "pi pi-eye" }, null, -1)),
+            k[1] || (k[1] = o("span", { class: "pi pi-eye" }, null, -1)),
             o("p", null, E(e.message.views), 1)
-          ])) : v("", !0),
-          e.message.time ? (l(), u("span", B3, E(e.message.time), 1)) : v("", !0),
+          ])) : b("", !0),
+          e.message.time ? (l(), u("span", B3, E(e.message.time), 1)) : b("", !0),
           M(e.message) === "text-message__right" && D(Nf).includes(e.message.status) ? (l(), u("div", {
             key: 2,
-            class: S(["text-message__status", p.value])
+            class: S(["text-message__status", _.value])
           }, [
-            e.message.status !== "sent" ? (l(), u("span", $3)) : v("", !0),
-            x[2] || (x[2] = o("span", { class: "pi pi-check" }, null, -1))
-          ], 2)) : v("", !0)
+            e.message.status !== "sent" ? (l(), u("span", $3)) : b("", !0),
+            k[2] || (k[2] = o("span", { class: "pi pi-check" }, null, -1))
+          ], 2)) : b("", !0)
         ]),
         i.value && e.message.actions ? (l(), u("button", {
           key: 3,
           class: "text-message__menu-button",
-          onClick: x[0] || (x[0] = (T) => n.value = !n.value)
-        }, x[3] || (x[3] = [
+          onClick: k[0] || (k[0] = (T) => n.value = !n.value)
+        }, k[3] || (k[3] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-        ]))) : v("", !0),
+        ]))) : b("", !0),
         Y(ue, null, {
           default: K(() => [
             n.value && e.message.actions ? (l(), B(D(_f), {
@@ -28610,7 +28610,7 @@ const id = ["data-theme"], od = {
               class: "text-message__context-menu",
               actions: e.message.actions,
               onClick: I
-            }, null, 8, ["actions"])) : v("", !0)
+            }, null, 8, ["actions"])) : b("", !0)
           ]),
           _: 1
         })
@@ -28652,7 +28652,7 @@ const id = ["data-theme"], od = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = e, i = h([
+    const t = se("chatAppId"), { getTheme: a } = Ue(t), n = e, i = v([
       {
         text: "1.0x",
         speed: 1,
@@ -28677,20 +28677,20 @@ const id = ["data-theme"], od = {
       for (let R of i.value)
         R.selected = !1;
       i.value[W].selected = !0, c.value && (c.value.playbackRate = i.value[W].speed);
-    }, r = f, c = h(), d = h(!1), A = h(0), g = h(0), p = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), I = h(!1), b = h(!1), M = h(!1), _ = Q(() => n.message.text ? Qe(n.message.text) : ""), x = (W) => {
+    }, r = f, c = v(), d = v(!1), A = v(0), g = v(0), _ = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), I = v(!1), y = v(!1), M = v(!1), h = Q(() => n.message.text ? Qe(n.message.text) : ""), k = (W) => {
       r("reply", W);
     };
     function T(W) {
       W.preventDefault(), W.target.href && window.open(W.target.href, "_blank");
     }
-    const k = () => {
-      b.value = !0;
-    }, y = () => {
-      b.value = !1, I.value = !1;
+    const x = () => {
+      y.value = !0;
     }, C = () => {
+      y.value = !1, I.value = !1;
+    }, w = () => {
       r("action", { messageId: n.message.messageId, type: "views" });
     }, m = () => {
-    }, w = Q(() => Ef(n.message.status));
+    }, p = Q(() => Ef(n.message.status));
     function N() {
       c.value && (d.value ? c.value.pause() : c.value.play(), d.value = !d.value);
     }
@@ -28725,7 +28725,7 @@ const id = ["data-theme"], od = {
         ]]),
         messageId: e.message.messageId,
         style: re(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-        onMouseleave: y
+        onMouseleave: C
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
           key: 0,
@@ -28734,10 +28734,10 @@ const id = ["data-theme"], od = {
           height: "32",
           width: "32",
           style: re({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, P3)) : v("", !0),
+        }, null, 12, P3)) : b("", !0),
         e.message.subText && e.isFirstInSeries ? (l(), u("p", Y3, [
           Y(we, {
-            text: p.value,
+            text: _.value,
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
@@ -28746,18 +28746,18 @@ const id = ["data-theme"], od = {
             ]),
             _: 1
           }, 8, ["text", "position"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         o("div", {
           class: S(["audio-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
-          onMouseenter: k
+          onMouseenter: x
         }, [
           e.message.reply ? (l(), B(jf, {
             key: 0,
             style: { "grid-column": "1/3" },
             message: e.message.reply,
             class: S(e.message.position),
-            onReply: x
-          }, null, 8, ["message", "class"])) : v("", !0),
+            onReply: k
+          }, null, 8, ["message", "class"])) : b("", !0),
           o("div", q3, [
             o("audio", {
               ref_key: "player",
@@ -28815,48 +28815,48 @@ const id = ["data-theme"], od = {
             o("p", {
               onClick: R[1] || (R[1] = (X) => M.value = !M.value)
             }, E(e.message.transcript.text), 1)
-          ])) : v("", !0),
+          ])) : b("", !0),
           e.message.text ? (l(), u("div", f4, [
             o("p", {
               onClick: T,
-              innerHTML: _.value
+              innerHTML: h.value
             }, null, 8, t4)
-          ])) : v("", !0),
+          ])) : b("", !0),
           e.message.linkPreview ? (l(), B(o1, {
             key: 3,
             class: S(["audio-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : v("", !0),
+          }, null, 8, ["class", "link-preview"])) : b("", !0),
           e.message.embed ? (l(), B(l1, {
             key: 4,
             class: S(e.message.position),
             embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : v("", !0),
+          }, null, 8, ["class", "embed"])) : b("", !0),
           o("div", n4, [
             e.message.views ? (l(), u("div", {
               key: 0,
               class: "audio-message__views",
-              onClick: C
+              onClick: w
             }, [
               R[7] || (R[7] = o("span", { class: "pi pi-eye" }, null, -1)),
               o("p", null, E(e.message.views), 1)
-            ])) : v("", !0),
+            ])) : b("", !0),
             o("span", a4, E(e.message.time), 1),
             H(e.message) === "audio-message__right" && D(Nf).includes(e.message.status) ? (l(), u("div", {
               key: 1,
-              class: S(["audio-message__status", w.value])
+              class: S(["audio-message__status", p.value])
             }, [
-              e.message.status !== "sent" ? (l(), u("span", s4)) : v("", !0),
+              e.message.status !== "sent" ? (l(), u("span", s4)) : b("", !0),
               R[8] || (R[8] = o("span", { class: "pi pi-check" }, null, -1))
-            ], 2)) : v("", !0)
+            ], 2)) : b("", !0)
           ]),
-          b.value && e.message.actions ? (l(), u("button", {
+          y.value && e.message.actions ? (l(), u("button", {
             key: 5,
             class: "audio-message__menu-button",
             onClick: R[2] || (R[2] = (X) => I.value = !I.value)
           }, R[9] || (R[9] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-          ]))) : v("", !0),
+          ]))) : b("", !0),
           Y(ue, null, {
             default: K(() => [
               I.value && e.message.actions ? (l(), B(D(_f), {
@@ -28864,7 +28864,7 @@ const id = ["data-theme"], od = {
                 class: "audio-message__context-menu",
                 actions: e.message.actions,
                 onClick: m
-              }, null, 8, ["actions"])) : v("", !0)
+              }, null, 8, ["actions"])) : b("", !0)
             ]),
             _: 1
           }),
@@ -28889,7 +28889,7 @@ const id = ["data-theme"], od = {
                       ])),
                       o("p", l4, E((X = e.message.transcript) == null ? void 0 : X.text), 1)
                     ])
-                  ], 8, i4)) : v("", !0)
+                  ], 8, i4)) : b("", !0)
                 ];
               }),
               _: 1
@@ -28956,7 +28956,7 @@ const id = ["data-theme"], od = {
     function r(z) {
       return z.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const c = h(), d = h(), A = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), g = h(!1), p = h(!1), I = h(!1), b = h(!1), M = h("");
+    const c = v(), d = v(), A = Q(() => n.subtextTooltipData && n.subtextTooltipData[n.message.messageId] ? n.subtextTooltipData[n.message.messageId] : n.message.subText || ""), g = v(!1), _ = v(!1), I = v(!1), y = v(!1), M = v("");
     ne(
       () => n.message.text,
       () => {
@@ -28964,23 +28964,23 @@ const id = ["data-theme"], od = {
       },
       { immediate: !0 }
     );
-    function _(z) {
+    function h(z) {
       z.preventDefault(), z.target.href && window.open(z.target.href, "_blank");
     }
-    const x = () => {
+    const k = () => {
       i("action", { messageId: n.message.messageId, type: "views" });
     }, T = () => {
-    }, k = () => {
-      I.value = !0, b.value = !0;
-    }, y = () => {
-      I.value = !1, p.value = !1;
-    }, C = Q(() => Ef(n.message.status)), m = () => {
+    }, x = () => {
+      I.value = !0, y.value = !0;
+    }, C = () => {
+      I.value = !1, _.value = !1;
+    }, w = Q(() => Ef(n.message.status)), m = () => {
       d.value && (d.value.currentTime = 0, d.value.play());
     };
     ne([c, d], ([z, U]) => {
       z ? U && (U.pause(), U.currentTime = 0) : U && (U.play(), U.currentTime = 0);
     });
-    const w = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), N = () => g.value = !1;
+    const p = Q(() => n.message.reply && n.message.text ? "0" : n.message.text ? "8px 8px 0 0" : n.message.reply ? "0 0 8px 8px" : "8px"), N = () => g.value = !1;
     return (z, U) => (l(), u(J, null, [
       o("div", {
         class: S(["video-message", [
@@ -28989,7 +28989,7 @@ const id = ["data-theme"], od = {
         ]]),
         messageId: e.message.messageId,
         style: re(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-        onMouseleave: y
+        onMouseleave: C
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
           key: 0,
@@ -28997,7 +28997,7 @@ const id = ["data-theme"], od = {
           src: e.message.avatar,
           height: "32",
           width: "32"
-        }, null, 8, p4)) : v("", !0),
+        }, null, 8, p4)) : b("", !0),
         e.message.subText && e.isFirstInSeries ? (l(), u("p", _4, [
           Y(we, {
             text: A.value,
@@ -29009,7 +29009,7 @@ const id = ["data-theme"], od = {
             ]),
             _: 1
           }, 8, ["text", "position"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         o("div", {
           class: S(["video-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
         }, [
@@ -29019,18 +29019,18 @@ const id = ["data-theme"], od = {
             class: S(e.message.position),
             message: e.message.reply,
             onReply: s
-          }, null, 8, ["class", "message"])) : v("", !0),
+          }, null, 8, ["class", "message"])) : b("", !0),
           o("div", {
             class: "video-message__preview-button",
             onClick: U[0] || (U[0] = (ee) => g.value = !0),
-            onMouseenter: k,
-            onMouseleave: U[1] || (U[1] = (ee) => b.value = !b.value)
+            onMouseenter: x,
+            onMouseleave: U[1] || (U[1] = (ee) => y.value = !y.value)
           }, [
             o("video", {
               ref_key: "previewPlayer",
               ref: d,
               class: "video-message__video",
-              style: re({ borderRadius: w.value }),
+              style: re({ borderRadius: p.value }),
               src: e.message.url,
               muted: !0,
               autoplay: "",
@@ -29038,30 +29038,30 @@ const id = ["data-theme"], od = {
             }, null, 44, h4),
             Y(ue, { name: "modal-fade" }, {
               default: K(() => [
-                b.value ? (l(), u("div", v4, [
+                y.value ? (l(), u("div", v4, [
                   e.message.views ? (l(), u("div", {
                     key: 0,
                     class: "video-message__views",
-                    onClick: Kf(x, ["stop"])
+                    onClick: Kf(k, ["stop"])
                   }, [
                     U[3] || (U[3] = o("span", { class: "pi pi-eye" }, null, -1)),
                     o("p", null, E(e.message.views), 1)
-                  ])) : v("", !0),
+                  ])) : b("", !0),
                   o("span", b4, E(e.message.time), 1),
                   r(e.message) === "video-message__right" && D(Nf).includes(e.message.status) ? (l(), u("div", {
                     key: 1,
-                    class: S(["video-message__status", C.value])
+                    class: S(["video-message__status", w.value])
                   }, [
-                    e.message.status !== "sent" ? (l(), u("span", y4)) : v("", !0),
+                    e.message.status !== "sent" ? (l(), u("span", y4)) : b("", !0),
                     U[4] || (U[4] = o("span", { class: "pi pi-check" }, null, -1))
-                  ], 2)) : v("", !0)
-                ])) : v("", !0)
+                  ], 2)) : b("", !0)
+                ])) : b("", !0)
               ]),
               _: 1
             }),
             Y(ue, { name: "modal-fade" }, {
               default: K(() => [
-                b.value ? (l(), u("a", {
+                y.value ? (l(), u("a", {
                   key: 0,
                   class: "video-message__download-button",
                   href: e.message.url,
@@ -29070,7 +29070,7 @@ const id = ["data-theme"], od = {
                   onClick: Kf(() => "//Предотвращаем всплытие события клика", ["stop"])
                 }, U[5] || (U[5] = [
                   o("span", { class: "pi pi-download" }, null, -1)
-                ]), 8, M4)) : v("", !0)
+                ]), 8, M4)) : b("", !0)
               ]),
               _: 1
             })
@@ -29080,40 +29080,40 @@ const id = ["data-theme"], od = {
               I.value && e.message.actions ? (l(), u("button", {
                 key: 0,
                 class: "video-message__menu-button",
-                onClick: U[2] || (U[2] = (ee) => p.value = !p.value)
+                onClick: U[2] || (U[2] = (ee) => _.value = !_.value)
               }, U[6] || (U[6] = [
                 o("span", { class: "pi pi-ellipsis-h" }, null, -1)
-              ]))) : v("", !0)
+              ]))) : b("", !0)
             ]),
             _: 1
           }),
           Y(ue, { name: "context-menu" }, {
             default: K(() => [
-              p.value && e.message.actions ? (l(), B(D(_f), {
+              _.value && e.message.actions ? (l(), B(D(_f), {
                 key: 0,
                 class: "video-message__context-menu",
                 actions: e.message.actions,
                 onClick: T
-              }, null, 8, ["actions"])) : v("", !0)
+              }, null, 8, ["actions"])) : b("", !0)
             ]),
             _: 1
           }),
           e.message.text ? (l(), u("div", w4, [
             o("p", {
-              onClick: _,
+              onClick: h,
               innerHTML: M.value
             }, null, 8, C4)
-          ])) : v("", !0),
+          ])) : b("", !0),
           e.message.linkPreview ? (l(), B(o1, {
             key: 2,
             class: S(["video-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
-          }, null, 8, ["class", "link-preview"])) : v("", !0),
+          }, null, 8, ["class", "link-preview"])) : b("", !0),
           e.message.embed ? (l(), B(l1, {
             key: 3,
             class: S(e.message.position),
             embed: e.message.embed
-          }, null, 8, ["class", "embed"])) : v("", !0)
+          }, null, 8, ["class", "embed"])) : b("", !0)
         ], 2)
       ], 46, m4),
       (l(), B(ke, { to: "body" }, [
@@ -29136,7 +29136,7 @@ const id = ["data-theme"], od = {
                 }, null, 8, I4)
               ]),
               _: 1
-            }, 8, ["data-theme"])) : v("", !0)
+            }, 8, ["data-theme"])) : b("", !0)
           ]),
           _: 1
         })
@@ -29179,7 +29179,7 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getTheme: t } = Ue(f), a = e, n = h(!1), i = Q(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), s = {
+    const f = se("chatAppId"), { getTheme: t } = Ue(f), a = e, n = v(!1), i = Q(() => a.subtextTooltipData && a.subtextTooltipData[a.message.messageId] ? a.subtextTooltipData[a.message.messageId] : a.message.subText || ""), s = {
       textDialog: "textDialog",
       message: "message"
     };
@@ -29211,7 +29211,7 @@ const id = ["data-theme"], od = {
           height: "32",
           width: "32",
           style: re({ gridRow: e.message.subText ? "2" : "1" })
-        }, null, 12, T4)) : v("", !0),
+        }, null, 12, T4)) : b("", !0),
         e.message.subText ? (l(), u("p", N4, [
           Y(we, {
             text: i.value,
@@ -29223,7 +29223,7 @@ const id = ["data-theme"], od = {
             ]),
             _: 1
           }, 8, ["text", "position"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         o("div", E4, [
           o("span", {
             class: S(["call-message__icon pi pi-phone", { "call-message__icon-missed": e.message.isMissedCall }])
@@ -29239,7 +29239,7 @@ const id = ["data-theme"], od = {
             onClick: d[0] || (d[0] = (g) => n.value = !n.value)
           }, d[2] || (d[2] = [
             o("span", { class: "pi pi-arrow-up-right" }, null, -1)
-          ]))) : v("", !0),
+          ]))) : b("", !0),
           (l(), B(ke, { to: "body" }, [
             Y(ue, { name: "modal-fade" }, {
               default: K(() => {
@@ -29253,21 +29253,21 @@ const id = ["data-theme"], od = {
                     o("div", $4, [
                       o("button", {
                         class: "call-message__modal-close-button",
-                        onClick: d[1] || (d[1] = (p) => n.value = !1)
+                        onClick: d[1] || (d[1] = (_) => n.value = !1)
                       }, d[3] || (d[3] = [
                         o("span", null, [
                           o("i", { class: "pi pi-times" })
                         ], -1)
                       ])),
-                      (l(!0), u(J, null, le((g = e.message.transcript) == null ? void 0 : g.dialog, (p) => (l(), u("div", {
-                        key: p.time,
-                        class: S(r(p, s.textDialog))
+                      (l(!0), u(J, null, le((g = e.message.transcript) == null ? void 0 : g.dialog, (_) => (l(), u("div", {
+                        key: _.time,
+                        class: S(r(_, s.textDialog))
                       }, [
-                        o("p", null, E(p.text), 1),
-                        o("span", null, E(p.time), 1)
+                        o("p", null, E(_.text), 1),
+                        o("span", null, E(_.time), 1)
                       ], 2))), 128))
                     ])
-                  ], 8, B4)) : v("", !0)
+                  ], 8, B4)) : b("", !0)
                 ];
               }),
               _: 1
@@ -29310,8 +29310,8 @@ const id = ["data-theme"], od = {
         height: "32",
         width: "32",
         style: re({ gridRow: e.message.subText ? "2" : "1" })
-      }, null, 12, W4)) : v("", !0),
-      e.message.subText ? (l(), u("p", Z4, E(e.message.subText), 1)) : v("", !0),
+      }, null, 12, W4)) : b("", !0),
+      e.message.subText ? (l(), u("p", Z4, E(e.message.subText), 1)) : b("", !0),
       t[0] || (t[0] = o("div", { class: "typing-message__loader-container" }, [
         o("div", { class: "typing-message__loader" })
       ], -1))
@@ -29326,7 +29326,7 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = e, t = h("");
+    const f = e, t = v("");
     ne(
       () => f.message.text,
       () => {
@@ -29338,7 +29338,7 @@ const id = ["data-theme"], od = {
       n.preventDefault(), n.target.href && window.open(n.target.href, "_blank");
     }
     return (n, i) => (l(), u("div", J4, [
-      e.message.header ? (l(), u("p", G4, E(e.message.header), 1)) : v("", !0),
+      e.message.header ? (l(), u("p", G4, E(e.message.header), 1)) : b("", !0),
       o("p", {
         class: "text",
         onClick: a,
@@ -29355,7 +29355,7 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getTheme: t } = Ue(f), a = e, n = h(!1), i = h("");
+    const f = se("chatAppId"), { getTheme: t } = Ue(f), a = e, n = v(!1), i = v("");
     ne(
       () => a.message.text,
       () => {
@@ -29379,7 +29379,7 @@ const id = ["data-theme"], od = {
         }, null, 8, tA)
       ]),
       o("div", nA, [
-        e.message.header ? (l(), u("p", aA, E(e.message.header), 1)) : v("", !0),
+        e.message.header ? (l(), u("p", aA, E(e.message.header), 1)) : b("", !0),
         d[1] || (d[1] = o("div", { class: "image-message__reply-description" }, [
           o("span", { class: "pi pi-camera" }),
           o("p", null, "Фотография")
@@ -29389,7 +29389,7 @@ const id = ["data-theme"], od = {
           class: "image-message__text",
           onClick: s,
           innerHTML: i.value
-        }, null, 8, sA)) : v("", !0)
+        }, null, 8, sA)) : b("", !0)
       ]),
       (l(), B(ke, { to: "body" }, [
         Y(ue, { name: "modal-fade" }, {
@@ -29407,7 +29407,7 @@ const id = ["data-theme"], od = {
                 }, null, 8, iA)
               ]),
               _: 1
-            }, 8, ["data-theme"])) : v("", !0)
+            }, 8, ["data-theme"])) : b("", !0)
           ]),
           _: 1
         })
@@ -29423,7 +29423,7 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = e, t = h(!1), a = h("");
+    const f = e, t = v(!1), a = v("");
     ne(
       () => f.message.text,
       () => {
@@ -29441,7 +29441,7 @@ const id = ["data-theme"], od = {
         [Re, !t.value]
       ]),
       o("div", cA, [
-        e.message.header ? (l(), u("p", rA, E(e.message.header), 1)) : v("", !0),
+        e.message.header ? (l(), u("p", rA, E(e.message.header), 1)) : b("", !0),
         s[1] || (s[1] = o("div", { class: "audio-message__reply-description" }, [
           o("span", { class: "pi pi-microphone" }),
           o("p", null, "Аудиосообщение")
@@ -29451,7 +29451,7 @@ const id = ["data-theme"], od = {
           class: "audio-message__text",
           onClick: n,
           innerHTML: a.value
-        }, null, 8, dA)) : v("", !0)
+        }, null, 8, dA)) : b("", !0)
       ])
     ], 64));
   }
@@ -29464,7 +29464,7 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getTheme: t } = Ue(f), a = e, n = h(), i = h(!1), s = h("");
+    const f = se("chatAppId"), { getTheme: t } = Ue(f), a = e, n = v(), i = v(!1), s = v("");
     ne(
       () => a.message.text,
       () => {
@@ -29488,7 +29488,7 @@ const id = ["data-theme"], od = {
         }, null, 8, mA)
       ]),
       o("div", pA, [
-        e.message.header ? (l(), u("p", _A, E(e.message.header), 1)) : v("", !0),
+        e.message.header ? (l(), u("p", _A, E(e.message.header), 1)) : b("", !0),
         A[1] || (A[1] = o("div", { class: "video-message__reply-description" }, [
           o("span", { class: "pi pi-video" }),
           o("p", null, "Видео")
@@ -29498,7 +29498,7 @@ const id = ["data-theme"], od = {
           class: "video-message__text",
           onClick: r,
           innerHTML: s.value
-        }, null, 8, hA)) : v("", !0)
+        }, null, 8, hA)) : b("", !0)
       ]),
       (l(), B(ke, { to: "body" }, [
         Y(ue, { name: "modal-fade" }, {
@@ -29520,7 +29520,7 @@ const id = ["data-theme"], od = {
                 }, null, 8, vA)
               ]),
               _: 1
-            }, 8, ["data-theme"])) : v("", !0)
+            }, 8, ["data-theme"])) : b("", !0)
           ]),
           _: 1
         })
@@ -29536,7 +29536,7 @@ const id = ["data-theme"], od = {
     }
   },
   setup(e) {
-    const f = e, t = h("");
+    const f = e, t = v("");
     ne(
       () => f.message.text,
       () => {
@@ -29557,7 +29557,7 @@ const id = ["data-theme"], od = {
         o("span", { class: "pi pi-file" }, null, -1)
       ]), 8, MA),
       o("div", null, [
-        e.message.header ? (l(), u("p", wA, E(e.message.header), 1)) : v("", !0),
+        e.message.header ? (l(), u("p", wA, E(e.message.header), 1)) : b("", !0),
         o("a", {
           class: "file-message__link",
           href: e.message.url,
@@ -29571,7 +29571,7 @@ const id = ["data-theme"], od = {
           class: "file-message__text",
           onClick: a,
           innerHTML: t.value
-        }, null, 8, kA)) : v("", !0)
+        }, null, 8, kA)) : b("", !0)
       ])
     ], 64));
   }
@@ -29657,14 +29657,14 @@ const id = ["data-theme"], od = {
   },
   emits: ["close-window", "get-size"],
   setup(e, { emit: f }) {
-    const t = e, a = h({ x: 0, y: 0 }), n = h(null), i = h(null), s = h(!1), r = h(0), c = h(0), d = h(0), A = G1();
+    const t = e, a = v({ x: 0, y: 0 }), n = v(null), i = v(null), s = v(!1), r = v(0), c = v(0), d = v(0), A = G1();
     Mf("chatAppId", A), Mf("extChatAppId", t.extChatAppId ? t.extChatAppId : "");
-    const g = (b) => {
-      s.value = !0, r.value = b.clientX - n.value.offsetLeft, c.value = b.clientY - n.value.offsetTop;
-    }, p = () => s.value = !1, I = (b) => {
+    const g = (y) => {
+      s.value = !0, r.value = y.clientX - n.value.offsetLeft, c.value = y.clientY - n.value.offsetTop;
+    }, _ = () => s.value = !1, I = (y) => {
       if (s.value) {
-        const M = b.clientX - r.value, _ = b.clientY - c.value;
-        a.value.x = M, a.value.y = _;
+        const M = y.clientX - r.value, h = y.clientY - c.value;
+        a.value.x = M, a.value.y = h;
       }
     };
     return me(() => {
@@ -29683,7 +29683,7 @@ const id = ["data-theme"], od = {
           )
         ));
       }), d.value = n.value.offsetHeight - i.value.offsetHeight;
-    }), (b, M) => (l(), u("div", {
+    }), (y, M) => (l(), u("div", {
       id: D(A),
       ref_key: "element",
       ref: n,
@@ -29703,21 +29703,21 @@ const id = ["data-theme"], od = {
           ref: i,
           class: "float-window__controls",
           onMousedown: g,
-          onMouseup: p,
-          onMouseleave: p
+          onMouseup: _,
+          onMouseleave: _
         }, [
           t.avatar ? (l(), u("img", {
             key: 0,
             class: "float-window__avatar",
             src: t.avatar,
             alt: t.title
-          }, null, 8, $A)) : v("", !0),
+          }, null, 8, $A)) : b("", !0),
           o("p", RA, E(t.title), 1),
           o("div", QA, [
-            oe(b.$slots, "controls"),
+            oe(y.$slots, "controls"),
             o("button", {
               class: "float-window__close-button",
-              onClick: M[0] || (M[0] = (_) => b.$emit("close-window"))
+              onClick: M[0] || (M[0] = (h) => y.$emit("close-window"))
             }, M[1] || (M[1] = [
               o("span", { class: "pi pi-times" }, null, -1)
             ]))
@@ -29727,7 +29727,7 @@ const id = ["data-theme"], od = {
           class: "float-window__content",
           style: re({ height: d.value + "px" })
         }, [
-          oe(b.$slots, "default")
+          oe(y.$slots, "default")
         ], 4)
       ])
     ], 12, UA));
@@ -29810,7 +29810,7 @@ const eg = /* @__PURE__ */ O(e6, [["render", n6], ["__scopeId", "data-v-414119aa
       ])),
       e.isOpenChatPanel ? (l(), u("div", l6, [
         oe(t.$slots, "chatpanel", {}, void 0, !0)
-      ])) : v("", !0)
+      ])) : b("", !0)
     ], 10, a6));
   }
 }), fg = /* @__PURE__ */ O(u6, [["__scopeId", "data-v-df00ad62"]]), c6 = ["id"], r6 = ["id"], d6 = ["id"], A6 = ["id"], g6 = {