@mobilon-dev/chotto 0.2.25 → 0.2.26

package/dist/{index-9X5xBqLk.js → index-OACLQOwv.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as l, createStaticVNode as df, inject as se, computed as P, createCommentVNode as v, createElementVNode as o, createVNode as W, createTextVNode as Ff, toDisplayString as E, renderSlot as ie, unref as D, ref as b, customRef as mn, defineComponent as K, watch as ae, nextTick as _e, onMounted as me, withDirectives as ge, withKeys as Mt, vModelText as Cf, normalizeClass as S, createBlock as B, resolveDynamicComponent as Te, Fragment as Z, renderList as oe, Transition as ue, withCtx as J, useTemplateRef as pn, normalizeStyle as ce, Teleport as ye, onUnmounted as Af, vShow as ze, useId as P1, toRef as Pt, vModelRadio as wt, reactive as _n, provide as _f, getCurrentInstance as Jn, toRaw as hn, onBeforeUnmount as Gn, readonly as Xn, resolveComponent as d1, h as qt, defineAsyncComponent as ea, createApp as fa, withModifiers as Yf } from "vue";
+import { createElementBlock as u, openBlock as l, createStaticVNode as df, inject as se, computed as Y, createCommentVNode as v, createElementVNode as o, createVNode as W, createTextVNode as Ff, toDisplayString as E, renderSlot as ie, unref as D, ref as b, customRef as mn, defineComponent as K, watch as ae, nextTick as _e, onMounted as me, withDirectives as ge, withKeys as Mt, vModelText as Cf, normalizeClass as S, createBlock as B, resolveDynamicComponent as Te, Fragment as Z, renderList as oe, Transition as ue, withCtx as J, useTemplateRef as pn, normalizeStyle as ce, Teleport as ye, onUnmounted as Af, vShow as ze, useId as P1, toRef as Pt, vModelRadio as wt, reactive as _n, provide as _f, getCurrentInstance as Jn, toRaw as hn, onBeforeUnmount as Gn, readonly as Xn, resolveComponent as d1, h as qt, defineAsyncComponent as ea, createApp as fa, withModifiers as Yf } from "vue";
 const ta = "aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2", na = "ελ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", rt = "numeric", dt = "ascii", At = "alpha", Lf = "asciinumeric", Vf = "alphanumeric", gt = "domain", vn = "emoji", aa = "scheme", sa = "slashscheme", ft = "whitespace";
 function ia(e, f) {
   return e in f || (f[e] = []), f[e];
@@ -235,11 +235,11 @@ function ca(e = []) {
     [vn]: !0
   });
   V(g, "#"), de(g, tt, g), V(g, la, g);
-  const _ = V(g, ua);
-  V(_, "#"), de(_, tt, g);
-  const C = [[Ke, s], [Je, a]], h = [[Ke, null], [Tf, c], [Je, i]];
+  const p = V(g, ua);
+  V(p, "#"), de(p, tt, g);
+  const w = [[Ke, s], [Je, a]], h = [[Ke, null], [Tf, c], [Je, i]];
   for (let y = 0; y < o1.length; y++)
-    Xe(t, o1[y], pt, Ge, C);
+    Xe(t, o1[y], pt, Ge, w);
   for (let y = 0; y < l1.length; y++)
     Xe(t, l1[y], _t, mt, h);
   cf(pt, {
@@ -248,20 +248,20 @@ function ca(e = []) {
   }, f), cf(_t, {
     utld: !0,
     alpha: !0
-  }, f), Xe(t, "file", A1, Ge, C), Xe(t, "mailto", A1, Ge, C), Xe(t, "http", pf, Ge, C), Xe(t, "https", pf, Ge, C), Xe(t, "ftp", pf, Ge, C), Xe(t, "ftps", pf, Ge, C), cf(A1, {
+  }, f), Xe(t, "file", A1, Ge, w), Xe(t, "mailto", A1, Ge, w), Xe(t, "http", pf, Ge, w), Xe(t, "https", pf, Ge, w), Xe(t, "ftp", pf, Ge, w), Xe(t, "ftps", pf, Ge, w), cf(A1, {
     scheme: !0,
     ascii: !0
   }, f), cf(pf, {
     slashscheme: !0,
     ascii: !0
-  }, f), e = e.sort((y, w) => y[0] > w[0] ? 1 : -1);
+  }, f), e = e.sort((y, C) => y[0] > C[0] ? 1 : -1);
   for (let y = 0; y < e.length; y++) {
-    const w = e[y][0], N = e[y][1] ? {
+    const C = e[y][0], N = e[y][1] ? {
       [aa]: !0
     } : {
       [sa]: !0
     };
-    w.indexOf("-") >= 0 ? N[gt] = !0 : Ke.test(w) ? Je.test(w) ? N[Lf] = !0 : N[dt] = !0 : N[rt] = !0, Ht(t, w, w, N);
+    C.indexOf("-") >= 0 ? N[gt] = !0 : Ke.test(C) ? Je.test(C) ? N[Lf] = !0 : N[dt] = !0 : N[rt] = !0, Ht(t, C, C, N);
   }
   return Ht(t, "localhost", Pf, {
     ascii: !0
@@ -276,10 +276,10 @@ function In(e, f) {
   const t = ra(f.replace(/[A-Z]/g, (c) => c.toLowerCase())), n = t.length, a = [];
   let i = 0, s = 0;
   for (; s < n; ) {
-    let c = e, r = null, d = 0, A = null, g = -1, _ = -1;
+    let c = e, r = null, d = 0, A = null, g = -1, p = -1;
     for (; s < n && (r = c.go(t[s])); )
-      c = r, c.accepts() ? (g = 0, _ = 0, A = c) : g >= 0 && (g += t[s].length, _++), d += t[s].length, i += t[s].length, s++;
-    i -= g, s -= _, d -= g, a.push({
+      c = r, c.accepts() ? (g = 0, p = 0, A = c) : g >= 0 && (g += t[s].length, p++), d += t[s].length, i += t[s].length, s++;
+    i -= g, s -= p, d -= g, a.push({
       t: A.t,
       // token type/name
       v: f.slice(i - d, i),
@@ -572,24 +572,24 @@ function Aa({
   X(A, n, i), X(A, e.domain, i);
   const g = xe();
   X(d, e.domain, g), X(g, e.domain, g);
-  const _ = V(g, Pe);
-  X(_, e.domain, g);
-  const C = xe(Jt);
-  X(_, e.tld, C), X(_, e.utld, C), V(d, Pf, C);
+  const p = V(g, Pe);
+  X(p, e.domain, g);
+  const w = xe(Jt);
+  X(p, e.tld, w), X(p, e.utld, w), V(d, Pf, w);
   const h = V(g, Ne);
-  V(h, Ne, h), X(h, e.domain, g), X(C, e.domain, g), V(C, Pe, _), V(C, Ne, h);
-  const y = V(C, ff);
+  V(h, Ne, h), X(h, e.domain, g), X(w, e.domain, g), V(w, Pe, p), V(w, Ne, h);
+  const y = V(w, ff);
   X(y, e.numeric, Jt);
-  const w = V(s, Ne), T = V(s, Pe);
-  V(w, Ne, w), X(w, e.domain, s), X(T, n, i), X(T, e.domain, s);
+  const C = V(s, Ne), T = V(s, Pe);
+  V(C, Ne, C), X(C, e.domain, s), X(T, n, i), X(T, e.domain, s);
   const N = xe(u1);
-  X(T, e.tld, N), X(T, e.utld, N), X(N, e.domain, s), X(N, n, i), V(N, Pe, T), V(N, Ne, w), V(N, ef, d);
-  const p = V(N, ff), k = xe(u1);
-  X(p, e.numeric, k);
+  X(T, e.tld, N), X(T, e.utld, N), X(N, e.domain, s), X(N, n, i), V(N, Pe, T), V(N, Ne, C), V(N, ef, d);
+  const _ = V(N, ff), k = xe(u1);
+  X(_, e.numeric, k);
   const M = xe(u1), m = xe();
   X(M, f, M), X(M, t, m), X(m, f, M), X(m, t, m), V(N, qe, M), V(k, qe, M);
-  const I = V(c, ff), x = V(r, ff), O = V(x, qe), F = V(O, qe);
-  X(c, e.domain, s), V(c, Pe, T), V(c, Ne, w), X(r, e.domain, s), V(r, Pe, T), V(r, Ne, w), X(I, e.domain, M), V(I, qe, M), V(I, Bf, M), X(F, e.domain, M), X(F, f, M), V(F, qe, M);
+  const I = V(c, ff), x = V(r, ff), O = V(x, qe), Q = V(O, qe);
+  X(c, e.domain, s), V(c, Pe, T), V(c, Ne, C), X(r, e.domain, s), V(r, Pe, T), V(r, Ne, C), X(I, e.domain, M), V(I, qe, M), V(I, Bf, M), X(Q, e.domain, M), X(Q, f, M), V(Q, qe, M);
   const ee = [
     [Of, zf],
     // {}
@@ -624,17 +624,17 @@ function Aa({
 function ga(e, f, t) {
   let n = t.length, a = 0, i = [], s = [];
   for (; a < n; ) {
-    let c = e, r = null, d = null, A = 0, g = null, _ = -1;
+    let c = e, r = null, d = null, A = 0, g = null, p = -1;
     for (; a < n && !(r = c.go(t[a].t)); )
       s.push(t[a++]);
     for (; a < n && (d = r || c.go(t[a].t)); )
-      r = null, c = d, c.accepts() ? (_ = 0, g = c) : _ >= 0 && _++, a++, A++;
-    if (_ < 0)
+      r = null, c = d, c.accepts() ? (p = 0, g = c) : p >= 0 && p++, a++, A++;
+    if (p < 0)
       a -= A, a < n && (s.push(t[a]), a++);
     else {
-      s.length > 0 && (i.push(it(Gt, f, s)), s = []), a -= _, A -= _;
-      const C = g.t, h = t.slice(a - A, a);
-      i.push(it(C, f, h));
+      s.length > 0 && (i.push(it(Gt, f, s)), s = []), a -= p, A -= p;
+      const w = g.t, h = t.slice(a - A, a);
+      i.push(it(w, f, h));
     }
   }
   return s.length > 0 && i.push(it(Gt, f, s)), i;
@@ -789,7 +789,7 @@ const Nn = /* @__PURE__ */ L(va, [["render", ya]]), Ma = {
   },
   emits: ["returnToChats"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = se("chatAppId"), i = P(() => {
+    const t = e, n = f, a = se("chatAppId"), i = Y(() => {
       if (t.description) return t.description;
       if (!t.description && t.defaultLastActivityTime) return t.chat["lastActivity.time"];
     });
@@ -833,7 +833,7 @@ const Nn = /* @__PURE__ */ L(va, [["render", ya]]), Ma = {
     ])) : v("", !0);
   }
 }, u6 = /* @__PURE__ */ L(Sa, [["__scopeId", "data-v-479e4d2a"]]), we = b([]), Le = (e) => {
-  const f = b(0), t = we.value.find(({ id: _ }) => _ == e);
+  const f = b(0), t = we.value.find(({ id: p }) => p == e);
   t != null ? f.value = we.value.indexOf(t) : (we.value.push({
     id: e,
     text: "",
@@ -850,20 +850,20 @@ const Nn = /* @__PURE__ */ L(va, [["render", ya]]), Ma = {
       forceSend: !1,
       isRecording: d().isRecording
     };
-  }, a = (_) => {
+  }, a = (p) => {
     we.value[f.value] = {
       id: d().id,
-      text: _,
+      text: p,
       file: d().file,
       reply: d().reply,
       forceSend: !1,
       isRecording: d().isRecording
     };
-  }, i = (_) => {
+  }, i = (p) => {
     we.value[f.value] = {
       id: d().id,
       text: d().text,
-      file: _,
+      file: p,
       reply: d().reply,
       forceSend: !1,
       isRecording: d().isRecording
@@ -877,12 +877,12 @@ const Nn = /* @__PURE__ */ L(va, [["render", ya]]), Ma = {
       forceSend: !1,
       isRecording: d().isRecording
     };
-  }, c = (_) => {
+  }, c = (p) => {
     we.value[f.value] = {
       id: d().id,
       text: d().text,
       file: d().file,
-      reply: _,
+      reply: p,
       forceSend: !1,
       isRecording: d().isRecording
     };
@@ -907,11 +907,11 @@ const Nn = /* @__PURE__ */ L(va, [["render", ya]]), Ma = {
     setMessageText: a,
     setReply: c,
     resetReply: r,
-    setForceSendMessage: (_) => {
-      we.value[f.value].forceSend = _;
+    setForceSendMessage: (p) => {
+      we.value[f.value].forceSend = p;
     },
-    setRecordingMessage: (_) => {
-      we.value[f.value].isRecording = _;
+    setRecordingMessage: (p) => {
+      we.value[f.value].isRecording = p;
     }
   };
 }, Va = {
@@ -1351,14 +1351,14 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
   },
   emits: ["send", "typing"],
   setup(e, { emit: f }) {
-    const t = f, n = se("chatAppId"), { resetMessage: a, getMessage: i, setMessageText: s, setForceSendMessage: c } = Le(n), r = b(), d = Ua("", 2e3), A = b(), g = e, _ = P(() => !!(g.state == "disabled" || i().text == "" && !i().file || i().isRecording)), C = P(() => Ys), h = P(() => {
+    const t = f, n = se("chatAppId"), { resetMessage: a, getMessage: i, setMessageText: s, setForceSendMessage: c } = Le(n), r = b(), d = Ua("", 2e3), A = b(), g = e, p = Y(() => !!(g.state == "disabled" || i().text == "" && !i().file || i().isRecording)), w = Y(() => Ys), h = Y(() => {
       var k;
       if (g.inputButtonColor)
         return g.inputButtonColor;
       if (!((k = g.selectedChannel) != null && k.channelId))
         return "#25D366";
-      const p = g.selectedChannel.channelId.toLowerCase();
-      return p.includes("whatsapp") || p.includes("waba") ? "#25D366" : p.includes("telegram") ? "#37AFE2" : p.includes("sms") ? "#6C757D" : p.includes("max") ? "#4B0082" : "#25D366";
+      const _ = g.selectedChannel.channelId.toLowerCase();
+      return _.includes("whatsapp") || _.includes("waba") ? "#25D366" : _.includes("telegram") ? "#37AFE2" : _.includes("sms") ? "#6C757D" : _.includes("max") ? "#4B0082" : "#25D366";
     });
     ae(
       () => d.value,
@@ -1369,8 +1369,8 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
       () => g.focusOnInputArea,
       () => {
         g.focusOnInputArea && _e(() => {
-          const p = D(r);
-          p == null || p.focus();
+          const _ = D(r);
+          _ == null || _.focus();
         });
       },
       { immediate: !0 }
@@ -1378,17 +1378,17 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
       () => i().text,
       () => {
         _e(() => {
-          const p = r.value;
-          if (!p) return;
-          const k = p.scrollTop;
-          p.style.height = "auto";
-          const M = getComputedStyle(p), m = parseFloat(M.fontSize) || 16, I = parseFloat(M.lineHeight) || m * 1.4, x = 40, O = I * 11, F = p.scrollHeight, $ = i().text.split(`
+          const _ = r.value;
+          if (!_) return;
+          const k = _.scrollTop;
+          _.style.height = "auto";
+          const M = getComputedStyle(_), m = parseFloat(M.fontSize) || 16, I = parseFloat(M.lineHeight) || m * 1.4, x = 40, O = I * 11, Q = _.scrollHeight, $ = i().text.split(`
 `).length > 1, z = document.createElement("div");
           z.style.position = "absolute", z.style.visibility = "hidden", z.style.whiteSpace = "nowrap", z.style.font = M.font, z.style.fontSize = M.fontSize, z.style.fontFamily = M.fontFamily, z.style.fontWeight = M.fontWeight, z.style.letterSpacing = M.letterSpacing, z.textContent = i().text, document.body.appendChild(z);
           const G = z.offsetWidth;
           document.body.removeChild(z);
-          const te = parseFloat(M.paddingLeft) || 0, fe = parseFloat(M.paddingRight) || 0, le = p.clientWidth - te - fe, Ie = G > le, pe = $ || Ie;
-          i().text.trim() && pe ? F <= O ? (p.style.height = F + "px", p.style.overflowY = "hidden") : (p.style.height = O + "px", p.style.overflowY = "auto", p.scrollTop = k) : (p.style.height = x + "px", p.style.overflowY = "hidden");
+          const te = parseFloat(M.paddingLeft) || 0, fe = parseFloat(M.paddingRight) || 0, le = _.clientWidth - te - fe, Ie = G > le, pe = $ || Ie;
+          i().text.trim() && pe ? Q <= O ? (_.style.height = Q + "px", _.style.overflowY = "hidden") : (_.style.height = O + "px", _.style.overflowY = "auto", _.scrollTop = k) : (_.style.height = x + "px", _.style.overflowY = "hidden");
         });
       },
       { immediate: !0 }
@@ -1398,38 +1398,38 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
         i().forceSend && (N(), c(!1));
       }
     );
-    const y = (p) => {
-      t("typing", p.target.value);
-    }, w = () => {
+    const y = (_) => {
+      t("typing", _.target.value);
+    }, C = () => {
       _e(() => {
-        const p = r.value;
-        p && (p.style.height = "40px", p.style.overflowY = "hidden");
+        const _ = r.value;
+        _ && (_.style.height = "40px", _.style.overflowY = "hidden");
       });
     };
     me(() => {
-      w();
+      C();
     });
-    const T = (p) => {
-      if (p.shiftKey) {
+    const T = (_) => {
+      if (_.shiftKey) {
         if (r.value instanceof HTMLTextAreaElement) {
           let k = r.value.selectionStart;
           k && (r.value.setRangeText(`
 `, k, k, "end"), s(r.value.value));
         }
-        p.preventDefault();
-      } else if (p.ctrlKey) {
+        _.preventDefault();
+      } else if (_.ctrlKey) {
         if (r.value instanceof HTMLTextAreaElement) {
           let k = r.value.selectionStart;
           k && (r.value.setRangeText(`
 `, k, k, "end"), s(r.value.value));
         }
-        p.preventDefault();
+        _.preventDefault();
       } else
-        p.preventDefault(), N();
+        _.preventDefault(), N();
     }, N = () => {
       var k, M;
-      const p = b(i());
-      if (p.value.text != "" || p.value.file) {
+      const _ = b(i());
+      if (_.value.text != "" || _.value.file) {
         const m = {
           type: "",
           text: "",
@@ -1438,10 +1438,10 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
           size: "",
           reply: void 0
         };
-        p.value.file ? (m.type = "message." + p.value.file.type, m.url = p.value.file.url, m.filename = p.value.file.name, m.size = (k = p.value.file.size) == null ? void 0 : k.toString(), m.text = (M = p == null ? void 0 : p.value) == null ? void 0 : M.text.trim()) : (m.type = "message.text", m.text = p.value.text.trim()), p.value.reply && (m.reply = p.value.reply), t("send", m), a(), A.value = void 0, r.value && r.value.focus();
+        _.value.file ? (m.type = "message." + _.value.file.type, m.url = _.value.file.url, m.filename = _.value.file.name, m.size = (k = _.value.file.size) == null ? void 0 : k.toString(), m.text = (M = _ == null ? void 0 : _.value) == null ? void 0 : M.text.trim()) : (m.type = "message.text", m.text = _.value.text.trim()), _.value.reply && (m.reply = _.value.reply), t("send", m), a(), A.value = void 0, r.value && r.value.focus();
       }
     };
-    return (p, k) => (l(), u("div", Zs, [
+    return (_, k) => (l(), u("div", Zs, [
       o("div", {
         id: "chat-input-reply-line-" + D(n),
         class: "chat-input__reply-line"
@@ -1451,7 +1451,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
         class: "chat-input__file-line"
       }, null, 8, Js),
       o("div", Gs, [
-        ie(p.$slots, "inline-buttons", {}, void 0, !0)
+        ie(_.$slots, "inline-buttons", {}, void 0, !0)
       ]),
       e.disabledPlaceholder && (e.state == "disabled" || D(i)().isRecording) ? (l(), u("div", Xs, E(e.disabledPlaceholder), 1)) : ge((l(), u("textarea", {
         key: 1,
@@ -1467,16 +1467,16 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
         [Cf, D(i)().text]
       ]),
       o("button", {
-        class: S(["chat-input__button", { "chat-input__button-disabled": _.value }]),
+        class: S(["chat-input__button", { "chat-input__button-disabled": p.value }]),
         disabled: D(i)().isRecording,
         onClick: N
       }, [
         o("span", ti, [
-          (l(), B(Te(C.value), { color: h.value }, null, 8, ["color"]))
+          (l(), B(Te(w.value), { color: h.value }, null, 8, ["color"]))
         ])
       ], 10, fi),
       o("div", ni, [
-        ie(p.$slots, "buttons", {}, void 0, !0)
+        ie(_.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
@@ -1553,7 +1553,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
     const g = () => {
       const m = D(i);
       d.value = m.scrollHeight > m.clientHeight;
-    }, _ = () => {
+    }, p = () => {
       const m = D(i), I = m.scrollHeight - m.scrollTop - m.clientHeight;
       g(), m.scrollTop > 500 && (c.value = !0), m.scrollTop <= 500 && (c.value = !1), r.value ? I < 300 && (s.value = !0) : (I < 300 && (s.value = !0), I >= 300 && (s.value = !1));
     };
@@ -1582,14 +1582,14 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
       },
       { immediate: !0 }
     );
-    const C = (m) => {
+    const w = (m) => {
       const I = D(i);
       (m.offsetX > I.clientWidth || m.offsetY > I.clientHeight) && (r.value = !0);
     }, h = () => {
       r.value = !1;
     }, y = (m) => {
       n("expand", m);
-    }, w = (m) => {
+    }, C = (m) => {
       t.chats.forEach((x) => {
         x.isSelected = !1, x.dialogs && x.dialogs.forEach((O) => {
           O.isSelected = !1;
@@ -1611,7 +1611,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
       if (m.countUnread > I.countUnread) return -1;
       if (m.countUnread < I.countUnread) return 1;
       if (m.countUnread == I.countUnread) return 0;
-    }).filter((m) => t.filterQuery ? m.name.includes(t.filterQuery) || m.metadata.includes(t.filterQuery) : m.name.includes(a.value) || m.metadata.includes(a.value)), p = (m) => {
+    }).filter((m) => t.filterQuery ? m.name.includes(t.filterQuery) || m.metadata.includes(t.filterQuery) : m.name.includes(a.value) || m.metadata.includes(a.value)), _ = (m) => {
       a.value = m;
     }, k = (m) => n("action", m), M = (m) => {
       n("tab-click", m);
@@ -1625,7 +1625,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
       e.filterEnabled ? (l(), B(D(Il), {
         key: 0,
         class: "chat-list__filter",
-        onUpdate: p
+        onUpdate: _
       })) : v("", !0),
       e.dialogTabs && e.dialogTabs.length > 0 ? (l(), B(ui, {
         key: 1,
@@ -1636,8 +1636,8 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
         ref_key: "refChatList",
         ref: i,
         class: "chat-list__items",
-        onScroll: _,
-        onMousedown: C,
+        onScroll: p,
+        onMousedown: w,
         onMouseup: h
       }, [
         o("div", Ai, [
@@ -1647,7 +1647,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
             chat: x,
             "show-dialogs": t.showDialogs,
             "has-scroll": d.value,
-            onSelect: w,
+            onSelect: C,
             onExpand: y,
             onAction: k
           }, null, 8, ["chat", "show-dialogs", "has-scroll"]))), 128))
@@ -1659,7 +1659,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
             chat: x,
             "show-dialogs": t.showDialogs,
             "has-scroll": d.value,
-            onSelect: w,
+            onSelect: C,
             onExpand: y,
             onAction: k
           }, null, 8, ["chat", "show-dialogs", "has-scroll"]))), 128))
@@ -1671,7 +1671,7 @@ const Ws = /* @__PURE__ */ L(Ps, [["render", Hs]]), Zs = { class: "chat-input__c
             chat: x,
             "show-dialogs": t.showDialogs,
             "has-scroll": d.value,
-            onSelect: w,
+            onSelect: C,
             onExpand: y,
             onAction: k
           }, null, 8, ["chat", "show-dialogs", "has-scroll"]))), 128))
@@ -1728,7 +1728,7 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
         key: g.text,
         class: "keyboard__key",
         style: ce({ "box-shadow": "0px 0px 10px 5px " + g.color }),
-        onClick: (_) => r(g)
+        onClick: (p) => r(g)
       }, [
         o("p", null, E(g.text), 1)
       ], 12, hi))), 128))
@@ -1750,7 +1750,7 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = P(() => [...t.buttons].sort((s, c) => s.order - c.order)), i = (s) => {
+    const t = e, n = f, a = Y(() => [...t.buttons].sort((s, c) => s.order - c.order)), i = (s) => {
       typeof s.action == "function" ? s.action() : s.action != null && n("action", s.action);
     };
     return (s, c) => (l(), u("div", {
@@ -1833,34 +1833,34 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
     "feedAction"
   ],
   setup(e, { emit: f }) {
-    const t = b(), n = b(), a = b(), i = b(!1), s = b(!1), c = b(!1), r = b(!1), d = b(!1), A = b(!1), g = b(!1), _ = b("");
-    let C = null;
-    const h = e, y = se("chatAppId"), { setReply: w, getMessage: T, resetReply: N } = Le(y), p = f, k = P(() => !!(s.value && h.objects.length > 0 && h.objects[h.objects.length - 1].keyboard)), M = (Q) => {
-      p("keyboardAction", Q);
-    }, m = (Q) => {
-      p("feedAction", Q);
+    const t = b(), n = b(), a = b(), i = b(!1), s = b(!1), c = b(!1), r = b(!1), d = b(!1), A = b(!1), g = b(!1), p = b("");
+    let w = null;
+    const h = e, y = se("chatAppId"), { setReply: C, getMessage: T, resetReply: N } = Le(y), _ = f, k = Y(() => !!(s.value && h.objects.length > 0 && h.objects[h.objects.length - 1].keyboard)), M = (P) => {
+      _("keyboardAction", P);
+    }, m = (P) => {
+      _("feedAction", P);
     };
-    function I(Q = !0) {
+    function I(P = !0) {
       const H = D(n);
       let j = 0;
       a.value && (j = a.value.refKeyboard.clientHeight);
-      const Y = 100, q = H.scrollHeight - H.scrollTop - H.clientHeight;
-      q < Y + j ? (i.value = !1, s.value = !0) : (i.value = !0, s.value = !1), A.value ? (H.scrollTop < 300 && (d.value = !1, c.value = !1), q < 300 && (r.value = !1, d.value = !0)) : Q && (H.scrollTop < 300 && (c.value = !1), q < 300 && (r.value = !1)), ke(), g.value = !0, C && window.clearTimeout(C), C = window.setTimeout(() => {
+      const F = 100, q = H.scrollHeight - H.scrollTop - H.clientHeight;
+      q < F + j ? (i.value = !1, s.value = !0) : (i.value = !0, s.value = !1), A.value ? (H.scrollTop < 300 && (d.value = !1, c.value = !1), q < 300 && (r.value = !1, d.value = !0)) : P && (H.scrollTop < 300 && (c.value = !1), q < 300 && (r.value = !1)), ke(), g.value = !0, w && window.clearTimeout(w), w = window.setTimeout(() => {
         g.value = !1;
       }, 500);
     }
     ae(
       () => [r.value, c.value],
       () => {
-        r.value || p("loadMoreDown"), c.value || p("loadMore");
+        r.value || _("loadMoreDown"), c.value || _("loadMore");
       }
     );
-    const x = (Q) => {
+    const x = (P) => {
       const H = D(n);
-      (Q.offsetX > H.clientWidth || Q.offsetY > H.clientHeight) && (A.value = !0);
+      (P.offsetX > H.clientWidth || P.offsetY > H.clientHeight) && (A.value = !0);
     }, O = () => {
       A.value = !1;
-    }, F = _i(() => I(), 250), ee = (Q) => ({
+    }, Q = _i(() => I(), 250), ee = (P) => ({
       "message.text": L3,
       "message.image": k3,
       "message.file": A3,
@@ -1871,17 +1871,15 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
       "message.delimiter": NA,
       "system.date": o4,
       "message.typing": gn
-    })[Q];
+    })[P];
     function $() {
       _e(function() {
-        const Q = D(n);
-        Q && (Q.scrollTop = Q.scrollHeight, setTimeout(() => {
-          Q.scrollTop = Q.scrollHeight;
-        }, 300));
+        const P = D(n);
+        P.scrollTop = P.scrollHeight;
       });
     }
     function z() {
-      p("forceScrollToBottom"), $();
+      _("forceScrollToBottom"), $();
     }
     ae(
       () => h.scrollToBottom,
@@ -1890,14 +1888,14 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
       },
       { immediate: !0 }
     );
-    const G = (Q) => {
-      p("messageAction", Q);
-    }, te = (Q) => {
-      p("clickRepliedMessage", Q);
-    }, fe = (Q, H) => {
-      if (h.enableDoubleClickReply && (Q == null || Q.preventDefault(), H.type.indexOf("system") == -1 && H.type.indexOf("typing") == -1)) {
+    const G = (P) => {
+      _("messageAction", P);
+    }, te = (P) => {
+      _("clickRepliedMessage", P);
+    }, fe = (P, H) => {
+      if (h.enableDoubleClickReply && (P == null || P.preventDefault(), H.type.indexOf("system") == -1 && H.type.indexOf("typing") == -1)) {
         const j = document.getElementById("chat-input-reply-line-" + y);
-        j && (j.style.display = "inherit"), w({
+        j && (j.style.display = "inherit"), C({
           messageId: H.messageId,
           type: H.type,
           text: H.text,
@@ -1909,11 +1907,11 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
       }
     }, le = () => {
       N();
-      const Q = document.getElementById("chat-input-reply-line-" + y);
-      Q && (Q.style.display = "none");
-    }, Ie = (Q) => {
-      Q.forEach((H) => {
-        H.isIntersecting && p("messageVisible", JSON.parse(H.target.id));
+      const P = document.getElementById("chat-input-reply-line-" + y);
+      P && (P.style.display = "none");
+    }, Ie = (P) => {
+      P.forEach((H) => {
+        H.isIntersecting && _("messageVisible", JSON.parse(H.target.id));
       });
     }, pe = {
       root: document.getElementById("feed-container-" + y),
@@ -1925,14 +1923,14 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
       () => {
         _e(() => {
           if (c.value = !0, r.value = !0, I(!1), A.value) {
-            const Q = D(n);
-            d.value && (Q.scrollTop = Q.scrollHeight - 400), d.value || (Q.scrollTop = 400);
+            const P = D(n);
+            d.value && (P.scrollTop = P.scrollHeight - 400), d.value || (P.scrollTop = 400);
           }
-          if (t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((Q) => $e.observe(Q)), h.scrollToBottom) {
-            const Q = D(n);
-            Q && (Q.scrollTop = Q.scrollHeight, setTimeout(() => {
-              Q.scrollTop = Q.scrollHeight;
-            }, 100));
+          if (t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((P) => $e.observe(P)), h.scrollToBottom) {
+            const P = D(n);
+            P && (P.scrollTop = P.scrollHeight, setTimeout(() => {
+              P.scrollTop = P.scrollHeight;
+            }, 500));
           }
         });
       },
@@ -1940,60 +1938,60 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
     ), ae(
       () => h.scrollTo,
       () => {
-        var Q;
+        var P;
         if (h.scrollTo) {
           const H = h.scrollTo;
-          let j = document.getElementById(H), Y = document.getElementById("feed-container-" + y);
-          j instanceof HTMLElement && Y instanceof HTMLElement && (Y.scrollTop = j.offsetTop + j.clientHeight / 2 - Y.clientHeight / 2), (Q = document.getElementById(H)) == null || Q.children[0].classList.add("focused-message"), setTimeout(() => {
+          let j = document.getElementById(H), F = document.getElementById("feed-container-" + y);
+          j instanceof HTMLElement && F instanceof HTMLElement && (F.scrollTop = j.offsetTop + j.clientHeight / 2 - F.clientHeight / 2), (P = document.getElementById(H)) == null || P.children[0].classList.add("focused-message"), setTimeout(() => {
             var q;
             (q = document.getElementById(H)) == null || q.children[0].classList.remove("focused-message");
           }, 2e3);
         }
       }
     );
-    const Re = P(() => !h.objects || h.objects.length === 0 ? [] : h.objects.map((Q, H, j) => {
-      const Y = H > 0 && j[H - 1].position === Q.position && j[H - 1].header === Q.header, q = H > 0 && !["message.system", "message.typing"].includes(j[H - 1].type);
+    const Re = Y(() => !h.objects || h.objects.length === 0 ? [] : h.objects.map((P, H, j) => {
+      const F = H > 0 && j[H - 1].position === P.position && j[H - 1].header === P.header, q = H > 0 && !["message.system", "message.typing"].includes(j[H - 1].type);
       return {
-        ...Q,
-        isFirstInSeries: !Y || !q
+        ...P,
+        isFirstInSeries: !F || !q
       };
     }));
     function ke() {
-      const Q = D(n);
-      if (!Q || !t.value) return;
-      const H = Q.getBoundingClientRect().top;
+      const P = D(n);
+      if (!P || !t.value) return;
+      const H = P.getBoundingClientRect().top;
       let j = null;
-      for (const Y of t.value) {
-        const q = Y.getBoundingClientRect();
+      for (const F of t.value) {
+        const q = F.getBoundingClientRect();
         if (q.top <= H + 1 && q.bottom > H) {
-          j = Y;
+          j = F;
           break;
         }
       }
       if (!j) {
-        for (const Y of t.value)
-          if (Y.getBoundingClientRect().top >= H) {
-            j = Y;
+        for (const F of t.value)
+          if (F.getBoundingClientRect().top >= H) {
+            j = F;
             break;
           }
       }
       if (j)
         try {
-          const Y = JSON.parse(j.id);
-          if (!Y || !Y.timestamp) return;
-          const q = new Date(Number(Y.timestamp) * 1e3);
-          _.value = q.toLocaleDateString();
+          const F = JSON.parse(j.id);
+          if (!F || !F.timestamp) return;
+          const q = new Date(Number(F.timestamp) * 1e3);
+          p.value = q.toLocaleDateString();
         } catch {
         }
     }
-    return (Q, H) => (l(), u(Z, null, [
+    return (P, H) => (l(), u(Z, null, [
       e.objects.length > 0 || e.typing ? (l(), u("div", {
         key: 0,
         id: "feed-container-" + D(y),
         ref_key: "refFeed",
         ref: n,
         class: "message-feed",
-        onScroll: H[0] || (H[0] = (j) => D(F)()),
+        onScroll: H[0] || (H[0] = (j) => D(Q)()),
         onMousedown: x,
         onMouseup: O
       }, [
@@ -2002,19 +2000,19 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
             g.value ? (l(), B(D(IA), {
               key: 0,
               class: "message-feed__sticky-date",
-              text: _.value
+              text: p.value
             }, null, 8, ["text"])) : v("", !0)
           ]),
           _: 1
         }),
-        (l(!0), u(Z, null, oe(Re.value, (j, Y) => (l(), u("div", {
+        (l(!0), u(Z, null, oe(Re.value, (j, F) => (l(), u("div", {
           id: JSON.stringify(j),
-          key: `${j.messageId ?? "mid"}-${Y}`,
+          key: `${j.messageId ?? "mid"}-${F}`,
           class: "tracking-message",
           onDblclick: (q) => fe(q, j)
         }, [
           (l(), B(Te(ee(j.type)), {
-            key: `${j.messageId ?? "mid"}-${Y}`,
+            key: `${j.messageId ?? "mid"}-${F}`,
             class: "message-feed__message",
             message: j,
             "apply-style": e.applyStyle,
@@ -2070,7 +2068,7 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
         class: "message-feed"
       }, [
         o("div", Di, [
-          ie(Q.$slots, "empty-feed", {}, void 0, !0)
+          ie(P.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 512)),
       D(T)().reply ? (l(), B(ye, {
@@ -2085,7 +2083,7 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
       ], 8, ["to"])) : v("", !0)
     ], 64));
   }
-}), p6 = /* @__PURE__ */ L(xi, [["__scopeId", "data-v-cf601027"]]), Ni = {
+}), p6 = /* @__PURE__ */ L(xi, [["__scopeId", "data-v-2cba246a"]]), Ni = {
   key: 0,
   class: "profile__container"
 }, Ti = {
@@ -2185,13 +2183,13 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
   emits: ["reset"],
   setup(e, { emit: f }) {
     const t = se("chatAppId"), { getTheme: n } = Oe(t), a = f, i = b(), s = b(), c = b(!1), r = b(0), d = b(0), A = b(!1), g = () => A.value = !1;
-    function _() {
+    function p() {
       i.value && (c.value ? i.value.pause() : i.value.play(), c.value = !c.value);
     }
-    const C = (w) => {
-      const T = Math.floor(w / 60), N = Math.floor(w % 60);
+    const w = (C) => {
+      const T = Math.floor(C / 60), N = Math.floor(C % 60);
       return `${T.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
-    }, h = P(() => i.value ? C(d.value) : "0:00"), y = P(() => i.value || s.value ? C(r.value) : "0:00");
+    }, h = Y(() => i.value ? w(d.value) : "0:00"), y = Y(() => i.value || s.value ? w(r.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", () => {
@@ -2204,7 +2202,7 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
           s.value && (s.value.currentTime = 0, r.value = s.value.duration);
         }, { once: !0 })));
       });
-    }), (w, T) => (l(), u("div", Bi, [
+    }), (C, T) => (l(), u("div", Bi, [
       o("div", $i, [
         e.fileInfo.isImage ? (l(), u("div", {
           key: 0,
@@ -2245,7 +2243,7 @@ const hi = ["onClick"], vi = /* @__PURE__ */ K({
           }, null, 8, Yi),
           o("button", {
             class: "preview__audio-control",
-            onClick: _
+            onClick: p
           }, [
             ge(o("span", Pi, null, 512), [
               [ze, !c.value]
@@ -2373,21 +2371,21 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const t = e, n = b(""), a = b(), i = b(), s = se("chatAppId"), { setMessageFile: c, resetMessageFile: r, getMessage: d, setRecordingMessage: A } = Le(s), g = P(() => !d().file), _ = () => {
+    const t = e, n = b(""), a = b(), i = b(), s = se("chatAppId"), { setMessageFile: c, resetMessageFile: r, getMessage: d, setRecordingMessage: A } = Le(s), g = Y(() => !d().file), p = () => {
       const N = document.getElementById("chat-input-file-line-" + s);
       N && (N.style.display = "none"), r(), i.value = void 0, n.value = "";
-    }, C = async () => {
-      var N, p;
-      _(), (N = a.value) != null && N.files && T((p = a.value) == null ? void 0 : p.files[0]);
+    }, w = async () => {
+      var N, _;
+      p(), (N = a.value) != null && N.files && T((_ = a.value) == null ? void 0 : _.files[0]);
     }, h = (N) => {
       a.value && g && (a.value.accept = N.action, a.value.click());
     }, y = () => {
       a.value && g && t.state == "active" && a.value.click();
-    }, w = async (N) => {
+    }, C = async (N) => {
       var k;
-      const p = (k = N.clipboardData) == null ? void 0 : k.items;
-      if (p) {
-        for (let M of p)
+      const _ = (k = N.clipboardData) == null ? void 0 : k.items;
+      if (_) {
+        for (let M of _)
           if (M.type.indexOf("image") !== -1) {
             N.preventDefault();
             const m = M.getAsFile();
@@ -2396,8 +2394,8 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
       }
     }, T = async (N) => {
       n.value = "uploading", A(!0);
-      const p = typeof t.filebumpUrl == "string" ? t.filebumpUrl : null;
-      await W1(p, N).then((k) => {
+      const _ = typeof t.filebumpUrl == "string" ? t.filebumpUrl : null;
+      await W1(_, N).then((k) => {
         if (A(!1), n.value = k.status, k.status == "success") {
           c({
             url: k.url,
@@ -2418,11 +2416,11 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
       });
     };
     return me(() => {
-      window.addEventListener("paste", w);
-    }), (N, p) => (l(), u(Z, null, [
-      n.value === "uploading" ? (l(), u("div", uo, p[0] || (p[0] = [
+      window.addEventListener("paste", C);
+    }), (N, _) => (l(), u(Z, null, [
+      n.value === "uploading" ? (l(), u("div", uo, _[0] || (_[0] = [
         o("p", null, "Загрузка файла...", -1)
-      ]))) : n.value === "error" ? (l(), u("div", co, p[1] || (p[1] = [
+      ]))) : n.value === "error" ? (l(), u("div", co, _[1] || (_[1] = [
         o("p", null, "Ошибка при загрузке файла.", -1)
       ]))) : v("", !0),
       o("span", {
@@ -2438,7 +2436,7 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
         ref: a,
         style: { display: "none" },
         type: "file",
-        onChange: C
+        onChange: w
       }, null, 544),
       D(d)().file ? (l(), B(ye, {
         key: 2,
@@ -2447,7 +2445,7 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
         i.value ? (l(), B(H1, {
           key: 0,
           "file-info": i.value,
-          onReset: _
+          onReset: p
         }, null, 8, ["file-info"])) : v("", !0)
       ], 8, ["to"])) : v("", !0)
     ], 64));
@@ -2479,8 +2477,8 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
       o("select", {
         onChange: A[0] || (A[0] = (g) => c(g))
       }, [
-        (l(!0), u(Z, null, oe(t.themes, (g, _) => (l(), u("option", {
-          key: _,
+        (l(!0), u(Z, null, oe(t.themes, (g, p) => (l(), u("option", {
+          key: p,
           value: g.code,
           selected: g.default === !0
         }, E(g.name), 9, mo))), 128))
@@ -2512,18 +2510,18 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: f, emit: t }) {
-    const n = se("chatAppId"), a = se("extChatAppId"), { getTheme: i } = Oe(n), s = e, c = P1(), r = t, d = b(), A = b(), g = b(!1), _ = (M) => {
-      p(), r("click", M);
-    }, C = () => {
-      s.disabled || (s.mode == "click" && !g.value ? N() : s.mode == "click" && g.value && p(), r("buttonClick"));
+    const n = se("chatAppId"), a = se("extChatAppId"), { getTheme: i } = Oe(n), s = e, c = P1(), r = t, d = b(), A = b(), g = b(!1), p = (M) => {
+      _(), r("click", M);
+    }, w = () => {
+      s.disabled || (s.mode == "click" && !g.value ? N() : s.mode == "click" && g.value && _(), r("buttonClick"));
     }, h = () => {
       s.disabled || s.mode == "hover" && N();
     }, y = () => {
-      s.disabled || s.mode == "hover" && p();
-    }, w = () => {
+      s.disabled || s.mode == "hover" && _();
+    }, C = () => {
       r("menuMouseEnter"), s.disabled || s.mode == "hover" && N();
     }, T = () => {
-      r("menuMouseLeave"), s.disabled || s.mode == "hover" && p();
+      r("menuMouseLeave"), s.disabled || s.mode == "hover" && _();
     }, N = () => {
       if (A.value && d.value) {
         const M = d.value, m = A.value.getBoundingClientRect();
@@ -2540,23 +2538,23 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
           M.style.top = x[s.menuSide].top + "px", M.style.left = x[s.menuSide].left + "px", M.style.opacity = "1", M.style.display = "inherit", g.value = !0;
         });
       }
-    }, p = () => {
+    }, _ = () => {
       if (d.value) {
         const M = d.value;
         M && (M.style.top = "0", M.style.left = "0", M.style.opacity = "0", M.style.display = "none", g.value = !1);
       }
     }, k = (M) => {
-      s.mode == "click" && A.value && !A.value.contains(M.target) && p();
+      s.mode == "click" && A.value && !A.value.contains(M.target) && _();
     };
     return me(() => {
       _e(() => {
-        d.value = document.getElementById("context-menu-" + c + a), d.value && (p(), document.addEventListener("click", k));
+        d.value = document.getElementById("context-menu-" + c + a), d.value && (_(), document.addEventListener("click", k));
       });
     }), Af(() => {
       document.removeEventListener("click", k);
     }), f({
       updatePosition: N,
-      hideMenu: p
+      hideMenu: _
     }), (M, m) => (l(), u("button", {
       id: "container-" + D(c) + D(a),
       ref_key: "actionScope",
@@ -2565,7 +2563,7 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
       onMouseenter: h,
       onMouseleave: y
     }, [
-      o("div", { onClick: C }, [
+      o("div", { onClick: w }, [
         ie(M.$slots, "default")
       ]),
       (l(), B(ye, { to: "body" }, [
@@ -2573,9 +2571,9 @@ const lo = /* @__PURE__ */ L(so, [["render", oo]]), uo = { key: 0 }, co = { key:
           id: "context-menu-" + D(c) + D(a),
           actions: e.actions,
           "data-theme": D(i)().theme ? D(i)().theme : "light",
-          onMouseenter: w,
+          onMouseenter: C,
           onMouseleave: T,
-          onClick: _
+          onClick: p
         }, null, 8, ["id", "actions", "data-theme"])
       ]))
     ], 40, _o));
@@ -2609,17 +2607,18 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getTheme: t } = Oe(f), n = b(), a = b(), i = b(!1), s = e, c = P(() => ({
+    const f = se("chatAppId"), { getTheme: t } = Oe(f), n = b(), a = b(), i = b(!1), s = e, c = Y(() => ({
       tooltip__text: !0,
       [`tooltip--${s.position}`]: !0
     })), r = () => {
       i.value = !0, _e(() => {
         if (n.value && a.value) {
-          const A = a.value, g = n.value.getBoundingClientRect(), _ = a.value.getBoundingClientRect(), C = _.left < 0 ? _.left : 0, h = _.top < 0 ? _.top : 0, y = {
-            left: { top: g.top - (_.height - g.height) / 2 - h, left: (g == null ? void 0 : g.left) - _.width - C - s.offset },
-            right: { top: g.top - (_.height - g.height) / 2 - h, left: (g == null ? void 0 : g.left) + g.width - C + s.offset },
-            bottom: { top: (g == null ? void 0 : g.bottom) - h + s.offset, left: (g == null ? void 0 : g.left) - C },
-            top: { top: g.top - _.height - s.offset - h, left: (g == null ? void 0 : g.left) - C }
+          const A = a.value, g = n.value.getBoundingClientRect(), p = a.value.getBoundingClientRect(), w = p.left < 0 ? p.left : 0, h = p.top < 0 ? p.top : 0, y = {
+            left: { top: g.top - (p.height - g.height) / 2 - h, left: (g == null ? void 0 : g.left) - p.width - w - s.offset },
+            right: { top: g.top - (p.height - g.height) / 2 - h, left: (g == null ? void 0 : g.left) + g.width - w + s.offset },
+            bottom: { top: (g == null ? void 0 : g.bottom) - h + s.offset, left: (g == null ? void 0 : g.left) - w },
+            "bottom-left": { top: (g == null ? void 0 : g.bottom) - h + s.offset, left: (g == null ? void 0 : g.left) + g.width - p.width - w },
+            top: { top: g.top - p.height - s.offset - h, left: (g == null ? void 0 : g.left) - w }
           };
           A.style.top = y[s.position].top + "px", A.style.left = y[s.position].left + "px";
         }
@@ -2656,7 +2655,7 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
       ]))
     ], 64));
   }
-}), tf = /* @__PURE__ */ L(wo, [["__scopeId", "data-v-8e26dccb"]]), Co = { class: "sidebar__scroll-container" }, Io = ["onClick"], ko = ["src", "alt"], Do = { key: 0 }, xo = ["onClick"], No = ["src", "alt"], To = ["src"], Eo = { key: 2 }, jo = { class: "sidebar__settings-container" }, So = { class: "sidebar__settings-btn" }, Vo = {
+}), tf = /* @__PURE__ */ L(wo, [["__scopeId", "data-v-71d6213d"]]), Co = { class: "sidebar__scroll-container" }, Io = ["onClick"], ko = ["src", "alt"], Do = { key: 0 }, xo = ["onClick"], No = ["src", "alt"], To = ["src"], Eo = { key: 2 }, jo = { class: "sidebar__settings-container" }, So = { class: "sidebar__settings-btn" }, Vo = {
   __name: "SideBar",
   props: {
     sidebarItems: {
@@ -2677,9 +2676,9 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const t = e, n = Pt(t, "sidebarItems"), a = Pt(t, "menuActions"), i = f, s = P(
+    const t = e, n = Pt(t, "sidebarItems"), a = Pt(t, "menuActions"), i = f, s = Y(
       () => n.value.filter((m) => m.isFixedBottom).sort((m, I) => I.notificationCount - m.notificationCount)
-    ), c = P(
+    ), c = Y(
       () => n.value.filter((m) => !m.isFixedBottom).sort((m, I) => I.notificationCount - m.notificationCount)
     ), r = (m) => {
       const I = n.value.find((x) => x.itemId === m);
@@ -2691,52 +2690,52 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
       return I.length > 2 ? I.slice(0, 2).join(" ") : m;
     }, g = (m) => {
       console.log("Выбрано действие:", m), typeof m.action == "function" && m.action();
-    }, _ = () => {
+    }, p = () => {
       console.log("Кнопка меню была нажата");
-    }, C = b(null), h = b(!1), y = b(0), w = b(40), T = b(!1), N = (m) => {
-      const I = C.value;
+    }, w = b(null), h = b(!1), y = b(0), C = b(40), T = b(!1), N = (m) => {
+      const I = w.value;
       if (!I || !m) return 0;
-      const x = I.getBoundingClientRect(), O = m.getBoundingClientRect(), ee = O.top + O.height / 2 - x.top - w.value / 2;
+      const x = I.getBoundingClientRect(), O = m.getBoundingClientRect(), ee = O.top + O.height / 2 - x.top - C.value / 2;
       return Math.max(0, ee);
-    }, p = () => {
-      if (!C.value) return;
-      const I = C.value.querySelector(".sidebar__image--active");
+    }, _ = () => {
+      if (!w.value) return;
+      const I = w.value.querySelector(".sidebar__image--active");
       I ? (y.value = N(I), h.value = !0) : h.value = !1;
     }, k = (m) => {
       try {
-        if (!m || !C.value) return;
+        if (!m || !w.value) return;
         const I = m.querySelector(".sidebar__image");
         if (!I) return;
-        const x = N(I), O = 12, F = 160;
-        T.value = !0, w.value = O, setTimeout(() => {
+        const x = N(I), O = 12, Q = 160;
+        T.value = !0, C.value = O, setTimeout(() => {
           y.value = x, requestAnimationFrame(() => {
-            w.value = 40, setTimeout(() => {
+            C.value = 40, setTimeout(() => {
               T.value = !1;
-            }, F);
+            }, Q);
           });
-        }, F);
+        }, Q);
       } catch {
       }
-    }, M = () => p();
+    }, M = () => _();
     return me(() => {
       var I;
-      _e(p), window.addEventListener("resize", M);
-      const m = (I = C.value) == null ? void 0 : I.querySelector(".sidebar__scroll-container");
-      m && m.addEventListener("scroll", p);
+      _e(_), window.addEventListener("resize", M);
+      const m = (I = w.value) == null ? void 0 : I.querySelector(".sidebar__scroll-container");
+      m && m.addEventListener("scroll", _);
     }), Af(() => {
       var I;
       window.removeEventListener("resize", M);
-      const m = (I = C.value) == null ? void 0 : I.querySelector(".sidebar__scroll-container");
-      m && m.removeEventListener("scroll", p);
-    }), ae(() => n.value.map((m) => m.selected), () => _e(p)), (m, I) => (l(), u("div", {
+      const m = (I = w.value) == null ? void 0 : I.querySelector(".sidebar__scroll-container");
+      m && m.removeEventListener("scroll", _);
+    }), ae(() => n.value.map((m) => m.selected), () => _e(_)), (m, I) => (l(), u("div", {
       ref_key: "containerRef",
-      ref: C,
+      ref: w,
       class: S(["sidebar__container", { "sidebar-horizontal__container": e.horizontal }])
     }, [
       !e.horizontal && h.value ? (l(), u("span", {
         key: 0,
         class: S(["sidebar__selected-bar", { "is-animating": T.value }]),
-        style: ce({ top: y.value + "px", height: w.value + "px" })
+        style: ce({ top: y.value + "px", height: C.value + "px" })
       }, null, 6)) : v("", !0),
       o("div", Co, [
         o("ul", {
@@ -2745,7 +2744,7 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
           (l(!0), u(Z, null, oe(s.value, (x, O) => (l(), u("li", {
             key: O,
             class: S(["sidebar__item-fixed", { "sidebar-horizontal__item": e.horizontal }]),
-            onClick: (F) => d(F, x.itemId)
+            onClick: (Q) => d(Q, x.itemId)
           }, [
             x.name ? (l(), B(tf, {
               key: 0,
@@ -2776,7 +2775,7 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
           (l(!0), u(Z, null, oe(c.value, (x, O) => (l(), u("li", {
             key: O,
             class: S(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
-            onClick: (F) => d(F, x.itemId)
+            onClick: (Q) => d(Q, x.itemId)
           }, [
             x.name ? (l(), B(tf, {
               key: 0,
@@ -2814,7 +2813,7 @@ const yo = /* @__PURE__ */ L(ho, [["render", bo]]), Mo = ["data-theme"], wo = /*
           mode: "click",
           "menu-side": "top-right",
           onClick: g,
-          onButtonClick: _
+          onButtonClick: p
         }, {
           default: J(() => [
             o("button", So, [
@@ -2949,18 +2948,18 @@ const C6 = (e, f = null) => {
   const a = (A) => new Date(A.getFullYear(), A.getMonth(), A.getDate()).getTime(), i = /* @__PURE__ */ new Date(), s = a(i), c = new Date(i);
   c.setDate(c.getDate() - 1);
   const r = a(c), d = (A) => {
-    const g = new Date(A * 1e3), _ = a(g);
-    return _ === s ? "Сегодня" : _ === r ? "Вчера" : g.toLocaleDateString();
+    const g = new Date(A * 1e3), p = a(g);
+    return p === s ? "Сегодня" : p === r ? "Вчера" : g.toLocaleDateString();
   };
   f !== null && (n = d(f));
   for (let A = 0; A < e.length; A++) {
-    const g = e[A], _ = d(g.timestamp);
-    _ !== n && (t.push({
+    const g = e[A], p = d(g.timestamp);
+    p !== n && (t.push({
       isSeparator: !0,
-      day: _,
-      text: _,
+      day: p,
+      text: p,
       type: "system.date"
-    }), n = _), t.push(g);
+    }), n = p), t.push(g);
   }
   return t;
 }, I6 = async () => {
@@ -3033,22 +3032,22 @@ const C6 = (e, f = null) => {
   setup(e, { emit: f }) {
     const t = e, n = f, a = b(!1), i = b(!1), s = () => {
       i.value = !0;
-    }, c = (p) => {
-      i.value || p.target instanceof HTMLElement && p.target.id != "noSelectButton" && n("select", { chat: t.chat, dialog: null }), i.value = !1;
-    }, r = (p) => {
-      n("select", { chat: t.chat, dialog: p });
+    }, c = (_) => {
+      i.value || _.target instanceof HTMLElement && _.target.id != "noSelectButton" && n("select", { chat: t.chat, dialog: null }), i.value = !1;
+    }, r = (_) => {
+      n("select", { chat: t.chat, dialog: _ });
     }, d = () => {
-      const p = [];
-      return t.chat.isSelected && p.push("chat-item__selected"), t.hasScroll && p.push("chat-item__with-scroll"), p.join(" ");
-    }, A = (p) => p.isSelected ? "dialog__selected" : "", g = (p) => {
-      n("action", { chat: t.chat, ...p });
-    }, _ = () => t.chat.dialogs.toSorted((p, k) => {
-      if (Number(p["lastActivity.timestamp"]) > Number(k["lastActivity.timestamp"])) return -1;
-      if (Number(p["lastActivity.timestamp"]) < Number(k["lastActivity.timestamp"])) return 1;
-      if (Number(p["lastActivity.timestamp"]) == Number(k["lastActivity.timestamp"])) return 0;
-    }), C = P(() => kf(t.chat["lastMessage.status"]));
+      const _ = [];
+      return t.chat.isSelected && _.push("chat-item__selected"), t.hasScroll && _.push("chat-item__with-scroll"), _.join(" ");
+    }, A = (_) => _.isSelected ? "dialog__selected" : "", g = (_) => {
+      n("action", { chat: t.chat, ..._ });
+    }, p = () => t.chat.dialogs.toSorted((_, k) => {
+      if (Number(_["lastActivity.timestamp"]) > Number(k["lastActivity.timestamp"])) return -1;
+      if (Number(_["lastActivity.timestamp"]) < Number(k["lastActivity.timestamp"])) return 1;
+      if (Number(_["lastActivity.timestamp"]) == Number(k["lastActivity.timestamp"])) return 0;
+    }), w = Y(() => kf(t.chat["lastMessage.status"]));
     let h;
-    const y = b(0), w = [Ee("component.ChatItem.typing") + ".", Ee("component.ChatItem.typing") + "..", Ee("component.ChatItem.typing") + "..."], T = P(() => t.chat.typing ? w[y.value] : t.chat.lastMessage);
+    const y = b(0), C = [Ee("component.ChatItem.typing") + ".", Ee("component.ChatItem.typing") + "..", Ee("component.ChatItem.typing") + "..."], T = Y(() => t.chat.typing ? C[y.value] : t.chat.lastMessage);
     ae(
       () => t.chat.typing,
       () => {
@@ -3058,11 +3057,11 @@ const C6 = (e, f = null) => {
       },
       { immediate: !0 }
     );
-    const N = (p) => {
+    const N = (_) => {
       var k;
-      ((k = p.relatedTarget) == null ? void 0 : k.className) == "context-menu__list" ? a.value = !0 : a.value = !1;
+      ((k = _.relatedTarget) == null ? void 0 : k.className) == "context-menu__list" ? a.value = !0 : a.value = !1;
     };
-    return (p, k) => (l(), u("div", null, [
+    return (_, k) => (l(), u("div", null, [
       o("div", {
         class: S(["chat-item__container", d()]),
         onMouseenter: k[2] || (k[2] = (M) => a.value = !0),
@@ -3124,7 +3123,7 @@ const C6 = (e, f = null) => {
           e.chat.countUnread < 1 ? (l(), u("div", sl, [
             D(If).includes(e.chat["lastMessage.status"]) ? (l(), u("div", {
               key: 0,
-              class: S(["chat-item__status-message", C.value])
+              class: S(["chat-item__status-message", w.value])
             }, [
               e.chat["lastMessage.status"] !== "sent" ? (l(), u("span", il)) : v("", !0),
               k[4] || (k[4] = o("span", { class: "pi pi-check" }, null, -1))
@@ -3155,7 +3154,7 @@ const C6 = (e, f = null) => {
         key: 0,
         class: S(["dialog__container", { "dialog__container--with-scroll": t.hasScroll }])
       }, [
-        (l(!0), u(Z, null, oe(_(), (M) => (l(), u("div", {
+        (l(!0), u(Z, null, oe(p(), (M) => (l(), u("div", {
           key: M.dialogId,
           class: S(["dialog__item", A(M)]),
           onClick: (m) => r(M)
@@ -3335,20 +3334,20 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
         attributeId: a.value,
         channelId: y.channelId
       });
-    }, r = (y) => (y == null ? void 0 : y.replace(/\D/g, "")) || "", d = P(() => {
+    }, r = (y) => (y == null ? void 0 : y.replace(/\D/g, "")) || "", d = Y(() => {
       var y;
-      return (y = t.contact.attributes) == null ? void 0 : y.find((w) => w.id === a.value);
-    }), A = P(() => {
+      return (y = t.contact.attributes) == null ? void 0 : y.find((C) => C.id === a.value);
+    }), A = Y(() => {
       if (i.value)
         return i.value;
       if (!d.value) return t.channels[0] || null;
       const y = r(d.value.value);
       return y ? t.channels.find((T) => {
         var m, I;
-        const N = ((m = T.title) == null ? void 0 : m.toLowerCase()) || "", p = ((I = T.channelId) == null ? void 0 : I.toLowerCase()) || "", k = N.includes(y), M = ["whatsapp", "waba", "telegram"].some((x) => p.includes(x));
+        const N = ((m = T.title) == null ? void 0 : m.toLowerCase()) || "", _ = ((I = T.channelId) == null ? void 0 : I.toLowerCase()) || "", k = N.includes(y), M = ["whatsapp", "waba", "telegram"].some((x) => _.includes(x));
         return k && M;
       }) || t.channels[0] || { title: "default", channelId: "fallback" } : t.channels[0] || null;
-    }), g = P(() => t.channels), _ = (y) => y ? y.includes("whatsapp") || y.includes("waba") ? El : y.includes("telegram") ? Ll : null : null, C = (y) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === y.id, h = (y) => {
+    }), g = Y(() => t.channels), p = (y) => y ? y.includes("whatsapp") || y.includes("waba") ? El : y.includes("telegram") ? Ll : null : null, w = (y) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === y.id, h = (y) => {
       n("select-attribute-channel", {
         attributeId: y.id,
         channelId: i.value.channelId
@@ -3357,21 +3356,21 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
     return ae(
       () => t.contact,
       () => {
-        var y, w;
-        (w = (y = t.contact) == null ? void 0 : y.attributes) != null && w.length && !a.value && (a.value = t.contact.attributes[0].id);
+        var y, C;
+        (C = (y = t.contact) == null ? void 0 : y.attributes) != null && C.length && !a.value && (a.value = t.contact.attributes[0].id);
       },
       { immediate: !0 }
-    ), (y, w) => {
-      var T, N, p, k;
+    ), (y, C) => {
+      var T, N, _, k;
       return l(), u("div", Ol, [
         o("div", zl, [
           (l(!0), u(Z, null, oe(((T = e.contact) == null ? void 0 : T.attributes) || [], (M, m) => (l(), u("div", {
             key: M.id,
-            class: S(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": C(M) }])
+            class: S(["contact-info__attribute-item", { "contact-info__attribute-item--current-chat": w(M) }])
           }, [
             ge(o("input", {
               id: `attr-${m}`,
-              "onUpdate:modelValue": w[0] || (w[0] = (I) => a.value = I),
+              "onUpdate:modelValue": C[0] || (C[0] = (I) => a.value = I),
               type: "radio",
               value: M.id,
               onChange: (I) => h(M)
@@ -3387,16 +3386,16 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
                 ])
               ]),
               Ff(" " + E(M.value) + " ", 1),
-              C(M) ? (l(), u("span", Ql, " Текущий чат ")) : v("", !0)
+              w(M) ? (l(), u("span", Ql, " Текущий чат ")) : v("", !0)
             ], 8, Bl)
           ], 2))), 128))
         ]),
         o("div", Fl, [
-          w[3] || (w[3] = o("label", { class: "contact-info__channel-label" }, "Канал связи", -1)),
+          C[3] || (C[3] = o("label", { class: "contact-info__channel-label" }, "Канал связи", -1)),
           o("div", Yl, [
             o("div", {
               class: "contact-info__select-trigger",
-              onClick: w[1] || (w[1] = (M) => s.value = !s.value)
+              onClick: C[1] || (C[1] = (M) => s.value = !s.value)
             }, [
               o("div", Pl, [
                 (N = A.value) != null && N.icon ? (l(), u("img", {
@@ -3405,7 +3404,7 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
                   alt: A.value.title,
                   width: "22",
                   height: "22"
-                }, null, 8, ql)) : (l(), B(Te(_((p = A.value) == null ? void 0 : p.channelId)), {
+                }, null, 8, ql)) : (l(), B(Te(p((_ = A.value) == null ? void 0 : _.channelId)), {
                   key: 1,
                   class: "contact-info__icon-component"
                 }))
@@ -3428,7 +3427,7 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
                     alt: M.title,
                     width: "22",
                     height: "22"
-                  }, null, 8, Kl)) : (l(), B(Te(_(M.channelId)), {
+                  }, null, 8, Kl)) : (l(), B(Te(p(M.channelId)), {
                     key: 1,
                     class: "contact-info__icon-component"
                   }))
@@ -3438,14 +3437,14 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
             ])) : v("", !0)
           ])
         ]),
-        w[5] || (w[5] = o("div", { class: "contact-info__divider" }, null, -1)),
+        C[5] || (C[5] = o("div", { class: "contact-info__divider" }, null, -1)),
         o("div", Jl, [
           o("button", {
             class: "contact-info__button",
-            onClick: w[2] || (w[2] = (M) => y.$emit("open-crm"))
+            onClick: C[2] || (C[2] = (M) => y.$emit("open-crm"))
           }, [
             W(Ws),
-            w[4] || (w[4] = Ff(" Открыть контакт в CRM ", -1))
+            C[4] || (C[4] = Ff(" Открыть контакт в CRM ", -1))
           ])
         ])
       ]);
@@ -3492,11 +3491,11 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
   setup(e, { emit: f }) {
     const t = e, n = se("chatAppId"), { setMessageText: a } = Le(n), i = () => {
       s("closeTemplateWindow"), a(r.value.template);
-    }, s = f, c = b(null), r = b(null), d = b(""), A = b(), g = b(""), _ = b(""), C = b(""), h = b(!1), y = P(() => !!(h.value && (C.value == "grid" && _.value == "none" || _.value == "grid" && g.value == "none"))), w = P(() => !!(h.value && (g.value == "grid" && _.value == "none" || _.value == "grid" && C.value == "none"))), T = () => {
-      h.value && (_.value == "grid" ? p() : C.value == "grid" && M());
+    }, s = f, c = b(null), r = b(null), d = b(""), A = b(), g = b(""), p = b(""), w = b(""), h = b(!1), y = Y(() => !!(h.value && (w.value == "grid" && p.value == "none" || p.value == "grid" && g.value == "none"))), C = Y(() => !!(h.value && (g.value == "grid" && p.value == "none" || p.value == "grid" && w.value == "none"))), T = () => {
+      h.value && (p.value == "grid" ? _() : w.value == "grid" && M());
     }, N = () => {
-      h.value && (_.value == "grid" ? k() : g.value == "grid" && M());
-    }, p = () => {
+      h.value && (p.value == "grid" ? k() : g.value == "grid" && M());
+    }, _ = () => {
       const $ = document.getElementById("template-selector-container-" + n);
       $.style.setProperty("--chotto-template-first-col-display", "grid"), $.style.setProperty("--chotto-template-second-col-display", "none"), m();
     }, k = () => {
@@ -3507,12 +3506,12 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
       $.style.setProperty("--chotto-template-second-col-display", "grid"), $.style.setProperty("--chotto-template-first-col-display", "none"), $.style.setProperty("--chotto-template-third-col-display", "none"), m();
     }, m = () => {
       const $ = document.getElementById("template-selector-container-" + n), z = window.getComputedStyle($);
-      g.value = z.getPropertyValue("--chotto-template-first-col-display"), _.value = z.getPropertyValue("--chotto-template-second-col-display"), C.value = z.getPropertyValue("--chotto-template-third-col-display");
+      g.value = z.getPropertyValue("--chotto-template-first-col-display"), p.value = z.getPropertyValue("--chotto-template-second-col-display"), w.value = z.getPropertyValue("--chotto-template-third-col-display");
     }, I = ($) => {
       t.templates.forEach((z) => z.isSelected = !1), $.isSelected = !0, r.value = $, k();
     }, x = () => {
       M(), t.templates.forEach(($) => $.isSelected = !1);
-    }, O = P(() => c.value ? t.templates.filter(($) => $.groupId === c.value.groupId) : t.templates), F = P(() => {
+    }, O = Y(() => c.value ? t.templates.filter(($) => $.groupId === c.value.groupId) : t.templates), Q = Y(() => {
       const $ = d.value.trim().toLowerCase();
       return O.value.filter((z) => z.title.toLowerCase().includes($) || z.template.toLowerCase().includes($));
     }), ee = new ResizeObserver(($) => {
@@ -3539,7 +3538,7 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
                 onClick: T
               })
             ])) : v("", !0),
-            w.value ? (l(), u("button", a0, [
+            C.value ? (l(), u("button", a0, [
               o("span", {
                 class: "pi pi-arrow-right",
                 onClick: N
@@ -3600,8 +3599,8 @@ const Ll = /* @__PURE__ */ L(jl, [["render", Vl]]), Ol = { class: "contact-info"
               ])
             ]),
             o("div", g0, [
-              F.value.length !== 0 ? (l(), u("ul", m0, [
-                (l(!0), u(Z, null, oe(F.value, (G, te) => (l(), u("li", {
+              Q.value.length !== 0 ? (l(), u("ul", m0, [
+                (l(!0), u(Z, null, oe(Q.value, (G, te) => (l(), u("li", {
                   key: te,
                   class: S(["template-selector__item-template", { "template-selector__item-selected": G.isSelected }]),
                   onClick: (fe) => I(G)
@@ -3766,8 +3765,8 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
     const c = (g) => {
       if (!n.isFilled) {
         i.value = "";
-        const _ = window.getSelection();
-        _.getRangeAt && _.rangeCount && _.getRangeAt(0).selectNodeContents(g.target);
+        const p = window.getSelection();
+        p.getRangeAt && p.rangeCount && p.getRangeAt(0).selectNodeContents(g.target);
       }
     };
     function r() {
@@ -3785,7 +3784,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
       window.addEventListener("keydown", A);
     }), Af(() => {
       window.removeEventListener("keydown", A);
-    }), (g, _) => (l(), u("span", {
+    }), (g, p) => (l(), u("span", {
       id: "placeholder" + D(t) + e.index,
       ref_key: "refPlaceholder",
       ref: s,
@@ -3837,36 +3836,36 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
         error: "Некорректный тип файла, выберите MP4 или MOV",
         icon: "pi pi-video"
       }
-    }, _ = (h) => {
+    }, p = (h) => {
       const y = h.target.files[0];
       if (y) {
         s.value = "";
-        const w = y.name.split(".");
-        if (g[t.type].accept.indexOf(w[w.length - 1]) == -1)
+        const C = y.name.split(".");
+        if (g[t.type].accept.indexOf(C[C.length - 1]) == -1)
           s.value = g[t.type].error;
         else if (y.size > g[t.type].maxSize)
           s.value = "Файл слишком большого размера";
         else if (!s.value) {
           a.value = y, c.value = "uploading";
           const N = D(n.value);
-          W1(typeof N == "string" ? N : null, y).then((p) => {
-            c.value = p.status, p.status == "success" && (d("fileSelected", {
-              url: p.url,
-              filename: p.name,
-              filesize: p.size,
-              filetype: p.type
-            }), p.preview && (r.value = {
-              previewUrl: p.preview.previewUrl,
-              isImage: p.preview.isImage,
-              isVideo: p.preview.isVideo,
-              isAudio: p.preview.isAudio,
-              fileName: p.name,
-              fileSize: p.preview.fileSize
+          W1(typeof N == "string" ? N : null, y).then((_) => {
+            c.value = _.status, _.status == "success" && (d("fileSelected", {
+              url: _.url,
+              filename: _.name,
+              filesize: _.size,
+              filetype: _.type
+            }), _.preview && (r.value = {
+              previewUrl: _.preview.previewUrl,
+              isImage: _.preview.isImage,
+              isVideo: _.preview.isVideo,
+              isAudio: _.preview.isAudio,
+              fileName: _.name,
+              fileSize: _.preview.fileSize
             }));
           });
         }
       }
-    }, C = () => {
+    }, w = () => {
       a.value && (a.value = null, c.value = "");
     };
     return ae(
@@ -3892,7 +3891,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
           type: "file",
           style: { display: "none" },
           accept: g[e.type].accept,
-          onChange: _
+          onChange: p
         }, null, 40, U0),
         y[1] || (y[1] = o("span", { class: "pi pi-paperclip attachment-section__icon" }, null, -1)),
         o("div", null, [
@@ -3902,7 +3901,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
       ], 2)) : c.value === "success" && r.value ? (l(), B(H1, {
         key: 1,
         "file-info": r.value,
-        onReset: C
+        onReset: w
       }, null, 8, ["file-info"])) : v("", !0),
       s.value ? (l(), u("div", $0, E(s.value), 1)) : v("", !0)
     ], 64));
@@ -4029,21 +4028,21 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
         file: null,
         buttons: null
       };
-      g.value ? (j.text = ke.value, j.templateId = A.value.templateId, j.values = Q.value, j.file = g.value) : (j.text = ke.value, j.templateId = A.value.templateId, j.values = Q.value), A.value.buttons && (j.buttons = A.value.buttons), a("sendWabaValues", j), Re();
+      g.value ? (j.text = ke.value, j.templateId = A.value.templateId, j.values = P.value, j.file = g.value) : (j.text = ke.value, j.templateId = A.value.templateId, j.values = P.value), A.value.buttons && (j.buttons = A.value.buttons), a("sendWabaValues", j), Re();
     }, c = (j) => {
       g.value = j;
-    }, r = b(null), d = b(null), A = b(null), g = b(null), _ = b(""), C = b(!1), h = () => {
-      C.value = !C.value, C.value ? (r.value.scrollTop = 0, r.value.style["overflow-y"] = "hidden") : r.value.style["overflow-y"] = "scroll";
+    }, r = b(null), d = b(null), A = b(null), g = b(null), p = b(""), w = b(!1), h = () => {
+      w.value = !w.value, w.value ? (r.value.scrollTop = 0, r.value.style["overflow-y"] = "hidden") : r.value.style["overflow-y"] = "scroll";
     }, y = (j) => {
-      Object.keys(p).forEach((Y) => {
-        p[Y] = "";
-      }), g.value = null, t.wabaTemplates.forEach((Y) => Y.isSelected = !1), j.isSelected = !0, A.value = j, C.value = !1, te();
-    }, w = () => {
+      Object.keys(_).forEach((F) => {
+        _[F] = "";
+      }), g.value = null, t.wabaTemplates.forEach((F) => F.isSelected = !1), j.isSelected = !0, A.value = j, w.value = !1, te();
+    }, C = () => {
       fe(), t.wabaTemplates.forEach((j) => j.isSelected = !1);
-    }, T = P(() => d.value ? t.wabaTemplates.filter((j) => j.groupId === d.value.groupId) : t.wabaTemplates), N = P(() => {
-      const j = _.value.trim().toLowerCase();
-      return T.value.filter((Y) => Y.title.toLowerCase().includes(j) || Y.template.toLowerCase().includes(j));
-    }), p = _n({}), k = b(null), M = b(), m = b(""), I = b(""), x = b(""), O = b(!1), F = P(() => !!(O.value && (x.value == "grid" && I.value == "none" || I.value == "grid" && m.value == "none"))), ee = P(() => !!(O.value && (m.value == "grid" && I.value == "none" || I.value == "grid" && x.value == "none"))), $ = () => {
+    }, T = Y(() => d.value ? t.wabaTemplates.filter((j) => j.groupId === d.value.groupId) : t.wabaTemplates), N = Y(() => {
+      const j = p.value.trim().toLowerCase();
+      return T.value.filter((F) => F.title.toLowerCase().includes(j) || F.template.toLowerCase().includes(j));
+    }), _ = _n({}), k = b(null), M = b(), m = b(""), I = b(""), x = b(""), O = b(!1), Q = Y(() => !!(O.value && (x.value == "grid" && I.value == "none" || I.value == "grid" && m.value == "none"))), ee = Y(() => !!(O.value && (m.value == "grid" && I.value == "none" || I.value == "grid" && x.value == "none"))), $ = () => {
       O.value && (I.value == "grid" ? G() : x.value == "grid" && fe());
     }, z = () => {
       O.value && (I.value == "grid" ? te() : m.value == "grid" && fe());
@@ -4057,48 +4056,48 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
       const j = document.getElementById("waba-template-selector-container-" + n);
       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"), le();
     }, le = () => {
-      const j = document.getElementById("waba-template-selector-container-" + n), Y = window.getComputedStyle(j);
-      m.value = Y.getPropertyValue("--chotto-waba-template-first-col-display"), I.value = Y.getPropertyValue("--chotto-waba-template-second-col-display"), x.value = Y.getPropertyValue("--chotto-waba-template-third-col-display");
+      const j = document.getElementById("waba-template-selector-container-" + n), F = window.getComputedStyle(j);
+      m.value = F.getPropertyValue("--chotto-waba-template-first-col-display"), I.value = F.getPropertyValue("--chotto-waba-template-second-col-display"), x.value = F.getPropertyValue("--chotto-waba-template-third-col-display");
     }, Ie = (j) => {
-      p[j[1]] = j[0];
-    }, pe = P(() => {
+      _[j[1]] = j[0];
+    }, pe = Y(() => {
       var Me;
       const j = (Me = A.value) == null ? void 0 : Me.template;
       if (!j) return [];
-      const Y = [...j.matchAll(/{{\d+}}/g)], q = [];
+      const F = [...j.matchAll(/{{\d+}}/g)], q = [];
       let re = 0;
-      return Y.forEach((Qe) => {
+      return F.forEach((Qe) => {
         Qe.index > re && q.push(j.substring(re, Qe.index)), q.push({ index: parseInt(Qe[0].slice(2, -2)) }), re = Qe.index + Qe[0].length;
       }), re < j.length && q.push(j.substring(re)), q;
-    }), $e = P(() => {
-      var Y, q;
+    }), $e = Y(() => {
+      var F, q;
       if (!A.value)
         return !0;
-      if (!((Y = A.value) != null && Y.template.match(/{{\d+}}/gi)))
+      if (!((F = A.value) != null && F.template.match(/{{\d+}}/gi)))
         return !1;
-      const j = Object.keys(p).length !== ((q = A.value) == null ? void 0 : q.template.match(/{{\d+}}/gi).length);
+      const j = Object.keys(_).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;
     }), Re = () => {
-      Object.keys(p).forEach((j) => {
-        p[j] = "";
+      Object.keys(_).forEach((j) => {
+        _[j] = "";
       }), g.value = null, A.value = null, t.wabaTemplates.forEach((j) => j.isSelected = !1);
-    }, ke = P(() => {
+    }, ke = Y(() => {
       console.log(pe.value, A.value.buttons);
-      let j = pe.value.map((q) => typeof q == "string" ? q : p[q.index]).join(""), Y = "";
-      return A.value.buttons && (Y = A.value.buttons.map((q) => `
-| [` + q.text + "]").join("")), j.concat(Y);
-    }), Q = P(() => {
+      let j = pe.value.map((q) => typeof q == "string" ? q : _[q.index]).join(""), F = "";
+      return A.value.buttons && (F = A.value.buttons.map((q) => `
+| [` + q.text + "]").join("")), j.concat(F);
+    }), P = Y(() => {
       const j = [];
-      for (const Y in p)
-        p[Y] !== "" && p[Y] !== "Заполнить" && j.push(p[Y]);
+      for (const F in _)
+        _[F] !== "" && _[F] !== "Заполнить" && j.push(_[F]);
       return j;
     }), H = new ResizeObserver((j) => {
-      const Y = j[0].target.clientWidth;
-      Y > 700 && (O.value = !1), Y < 700 && (O.value = !0);
+      const F = j[0].target.clientWidth;
+      F > 700 && (O.value = !1), F < 700 && (O.value = !0);
     });
     return me(() => {
       le(), D(M) && H.observe(D(M));
-    }), (j, Y) => (l(), u("div", X0, [
+    }), (j, F) => (l(), u("div", X0, [
       o("div", {
         id: "waba-template-selector-container-" + D(n),
         ref_key: "refContainer",
@@ -4110,7 +4109,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
       }, [
         o("div", fu, [
           o("div", tu, [
-            F.value ? (l(), u("button", nu, [
+            Q.value ? (l(), u("button", nu, [
               o("span", {
                 class: "pi pi-arrow-left",
                 onClick: $
@@ -4136,7 +4135,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
               (l(!0), u(Z, null, oe(e.groupTemplates, (q, re) => (l(), u("li", {
                 key: re,
                 class: S(["template-selector__item-group", { "template-selector__item-selected": d.value === q }]),
-                onClick: w
+                onClick: C
               }, [
                 o("label", lu, [
                   q.iconUrl ? (l(), u("img", {
@@ -4147,7 +4146,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
                   }, null, 8, uu)) : v("", !0),
                   ge(o("input", {
                     id: re,
-                    "onUpdate:modelValue": Y[0] || (Y[0] = (Me) => d.value = Me),
+                    "onUpdate:modelValue": F[0] || (F[0] = (Me) => d.value = Me),
                     value: q,
                     class: "template-selector__input-group",
                     type: "radio"
@@ -4162,12 +4161,12 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
           o("div", ru, [
             o("div", du, [
               ge(o("input", {
-                "onUpdate:modelValue": Y[1] || (Y[1] = (q) => _.value = q),
+                "onUpdate:modelValue": F[1] || (F[1] = (q) => p.value = q),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
               }, null, 512), [
-                [Cf, _.value]
+                [Cf, p.value]
               ])
             ]),
             o("div", Au, [
@@ -4204,14 +4203,14 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
                       typeof q == "string" ? (l(), u("span", Cu, E(q), 1)) : typeof q == "object" ? (l(), B(z0, {
                         key: 1,
                         index: q.index,
-                        value: p[q.index] || "Заполнить",
-                        "is-filled": !!p[q.index],
+                        value: _[q.index] || "Заполнить",
+                        "is-filled": !!_[q.index],
                         onClick: (Me) => k.value = q.index,
                         onEdit: Ie
                       }, null, 8, ["index", "value", "is-filled", "onClick"])) : v("", !0)
                     ], 64))), 128))
                   ]),
-                  Y[2] || (Y[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
+                  F[2] || (F[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
                   A.value.buttons ? (l(), B(H0, {
                     key: 1,
                     buttons: A.value.buttons,
@@ -4219,7 +4218,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
                   }, null, 8, ["buttons"])) : v("", !0)
                 ])
               ])) : (l(), u("p", Iu, " Предпросмотр шаблона ")),
-              C.value ? (l(), u("div", ku, [
+              w.value ? (l(), u("div", ku, [
                 o("div", {
                   class: "template-selector__semitransparent-overlay",
                   onClick: h
@@ -4287,10 +4286,10 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
     me(() => {
       s.value.style.display = "none";
     });
-    const _ = (C) => {
-      c("sendWabaValues", C);
+    const p = (w) => {
+      c("sendWabaValues", w);
     };
-    return (C, h) => (l(), u(Z, null, [
+    return (w, h) => (l(), u(Z, null, [
       D(a)().isRecording ? v("", !0) : (l(), u("button", {
         key: 0,
         ref_key: "templateButton",
@@ -4313,7 +4312,7 @@ const j0 = /* @__PURE__ */ L(N0, [["render", E0]]), S0 = { class: "" }, V0 = {
           "group-templates": e.groupTemplates,
           "elevated-window": e.elevatedWindow,
           onCloseTemplateWindow: g,
-          onSendWabaValues: _
+          onSendWabaValues: p
         }, null, 8, ["waba-templates", "group-templates", "elevated-window"])
       ], 544)
     ], 64));
@@ -16511,9 +16510,9 @@ function l2() {
       const g = [
         ...this.options.groupOrder,
         ...Object.keys(this.options.additionalGroups),
-        ...en.map((_) => _.key)
+        ...en.map((p) => p.key)
       ];
-      return [...new Set(g)].filter((_) => !this.disabled.includes(_));
+      return [...new Set(g)].filter((p) => !this.disabled.includes(p));
     }
   });
   function f() {
@@ -16521,8 +16520,8 @@ function l2() {
   }
   async function t() {
     var g;
-    let _ = await o2();
-    return Array.isArray(_) && _.length ? _ = JSON.parse(((g = _[0]) == null ? void 0 : g.value) || "") : _ = [], _;
+    let p = await o2();
+    return Array.isArray(p) && p.length ? p = JSON.parse(((g = p[0]) == null ? void 0 : g.value) || "") : p = [], p;
   }
   function n() {
     t().then((g) => {
@@ -16549,11 +16548,11 @@ function l2() {
   const A = (g) => {
     if (e.options.displayRecent !== !0)
       return;
-    const _ = e.recent.findIndex((h) => h.u === g.u);
-    if (_ > 0 && e.recent.splice(_, 1), _ === 0)
+    const p = e.recent.findIndex((h) => h.u === g.u);
+    if (p > 0 && e.recent.splice(p, 1), p === 0)
       return;
-    const C = { u: g.u, n: hn(g.n) };
-    e.recent = [C, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), d();
+    const w = { u: g.u, n: hn(g.n) };
+    e.recent = [w, ...e.recent], e.recent.length > 24 && (e.recent.length = 24), d();
   };
   return {
     state: Xn(e),
@@ -16752,7 +16751,7 @@ var D2 = function(f, t) {
 function x2(e) {
   var f, t = e.state, n = e.name, a = e.options, i = t.elements.arrow, s = t.modifiersData.popperOffsets, c = He(t.placement), r = zt(c), d = [be, Ve].indexOf(c) >= 0, A = d ? "height" : "width";
   if (!(!i || !s)) {
-    var g = D2(a.padding, t), _ = Ot(i), C = r === "y" ? ve : be, h = r === "y" ? Se : Ve, y = t.rects.reference[A] + t.rects.reference[r] - s[r] - t.rects.popper[A], w = s[r] - t.rects.reference[r], T = Gf(i), N = T ? r === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, p = y / 2 - w / 2, k = g[C], M = N - _[A] - g[h], m = N / 2 - _[A] / 2 + p, I = Rf(k, m, M), x = r;
+    var g = D2(a.padding, t), p = Ot(i), w = r === "y" ? ve : be, h = r === "y" ? Se : Ve, y = t.rects.reference[A] + t.rects.reference[r] - s[r] - t.rects.popper[A], C = s[r] - t.rects.reference[r], T = Gf(i), N = T ? r === "y" ? T.clientHeight || 0 : T.clientWidth || 0 : 0, _ = y / 2 - C / 2, k = g[w], M = N - p[A] - g[h], m = N / 2 - p[A] / 2 + _, I = Rf(k, m, M), x = r;
     t.modifiersData[n] = (f = {}, f[x] = I, f.centerOffset = I - m, f);
   }
 }
@@ -16786,18 +16785,18 @@ function j2(e) {
   };
 }
 function on(e) {
-  var f, t = e.popper, n = e.popperRect, a = e.placement, i = e.variation, s = e.offsets, c = e.position, r = e.gpuAcceleration, d = e.adaptive, A = e.roundOffsets, g = e.isFixed, _ = A === !0 ? j2(s) : typeof A == "function" ? A(s) : s, C = _.x, h = C === void 0 ? 0 : C, y = _.y, w = y === void 0 ? 0 : y, T = s.hasOwnProperty("x"), N = s.hasOwnProperty("y"), p = be, k = ve, M = window;
+  var f, t = e.popper, n = e.popperRect, a = e.placement, i = e.variation, s = e.offsets, c = e.position, r = e.gpuAcceleration, d = e.adaptive, A = e.roundOffsets, g = e.isFixed, p = A === !0 ? j2(s) : typeof A == "function" ? A(s) : s, w = p.x, h = w === void 0 ? 0 : w, y = p.y, C = y === void 0 ? 0 : y, T = s.hasOwnProperty("x"), N = s.hasOwnProperty("y"), _ = be, k = ve, M = window;
   if (d) {
     var m = Gf(t), I = "clientHeight", x = "clientWidth";
     if (m === Be(t) && (m = af(t), Ze(m).position !== "static" && c === "absolute" && (I = "scrollHeight", x = "scrollWidth")), m = m, a === ve || (a === be || a === Ve) && i === Wf) {
       k = Se;
       var O = g && M.visualViewport ? M.visualViewport.height : m[I];
-      w -= O - n.height, w *= r ? 1 : -1;
+      C -= O - n.height, C *= r ? 1 : -1;
     }
     if (a === be || (a === ve || a === Se) && i === Wf) {
-      p = Ve;
-      var F = g && M.visualViewport ? M.visualViewport.width : m[x];
-      h -= F - n.width, h *= r ? 1 : -1;
+      _ = Ve;
+      var Q = g && M.visualViewport ? M.visualViewport.width : m[x];
+      h -= Q - n.width, h *= r ? 1 : -1;
     }
   }
   var ee = Object.assign({
@@ -16805,9 +16804,9 @@ function on(e) {
   }, d && E2);
   if (r) {
     var $;
-    return Object.assign({}, ee, ($ = {}, $[k] = N ? "0" : "", $[p] = T ? "0" : "", $.transform = (M.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + w + "px)" : "translate3d(" + h + "px, " + w + "px, 0)", $));
+    return Object.assign({}, ee, ($ = {}, $[k] = N ? "0" : "", $[_] = T ? "0" : "", $.transform = (M.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + C + "px)" : "translate3d(" + h + "px, " + C + "px, 0)", $));
   }
-  return Object.assign({}, ee, (f = {}, f[k] = N ? w + "px" : "", f[p] = T ? h + "px" : "", f.transform = "", f));
+  return Object.assign({}, ee, (f = {}, f[k] = N ? C + "px" : "", f[_] = T ? h + "px" : "", f.transform = "", f));
 }
 function S2(e) {
   var f = e.state, t = e.options, n = t.gpuAcceleration, a = n === void 0 ? !0 : n, i = t.adaptive, s = i === void 0 ? !0 : i, c = t.roundOffsets, r = c === void 0 ? !0 : c, d = {
@@ -16997,21 +16996,21 @@ function Pn(e) {
 }
 function Zf(e, f) {
   f === void 0 && (f = {});
-  var t = f, n = t.placement, a = n === void 0 ? e.placement : n, i = t.boundary, s = i === void 0 ? u2 : i, c = t.rootBoundary, r = c === void 0 ? zn : c, d = t.elementContext, A = d === void 0 ? jf : d, g = t.altBoundary, _ = g === void 0 ? !1 : g, C = t.padding, h = C === void 0 ? 0 : C, y = Qn(typeof h != "number" ? h : Fn(h, Jf)), w = A === jf ? c2 : jf, T = e.rects.popper, N = e.elements[_ ? w : A], p = F2(bf(N) ? N : N.contextElement || af(e.elements.popper), s, r), k = Mf(e.elements.reference), M = Pn({
+  var t = f, n = t.placement, a = n === void 0 ? e.placement : n, i = t.boundary, s = i === void 0 ? u2 : i, c = t.rootBoundary, r = c === void 0 ? zn : c, d = t.elementContext, A = d === void 0 ? jf : d, g = t.altBoundary, p = g === void 0 ? !1 : g, w = t.padding, h = w === void 0 ? 0 : w, y = Qn(typeof h != "number" ? h : Fn(h, Jf)), C = A === jf ? c2 : jf, T = e.rects.popper, N = e.elements[p ? C : A], _ = F2(bf(N) ? N : N.contextElement || af(e.elements.popper), s, r), k = Mf(e.elements.reference), M = Pn({
     reference: k,
     element: T,
     placement: a
   }), m = yt(Object.assign({}, T, M)), I = A === jf ? m : k, x = {
-    top: p.top - I.top + y.top,
-    bottom: I.bottom - p.bottom + y.bottom,
-    left: p.left - I.left + y.left,
-    right: I.right - p.right + y.right
+    top: _.top - I.top + y.top,
+    bottom: I.bottom - _.bottom + y.bottom,
+    left: _.left - I.left + y.left,
+    right: I.right - _.right + y.right
   }, O = e.modifiersData.offset;
   if (A === jf && O) {
-    var F = O[a];
+    var Q = O[a];
     Object.keys(x).forEach(function(ee) {
       var $ = [Ve, Se].indexOf(ee) >= 0 ? 1 : -1, z = [ve, Se].indexOf(ee) >= 0 ? "y" : "x";
-      x[ee] += F[z] * $;
+      x[ee] += Q[z] * $;
     });
   }
   return x;
@@ -17020,11 +17019,11 @@ function Y2(e, f) {
   f === void 0 && (f = {});
   var t = f, n = t.placement, a = t.boundary, i = t.rootBoundary, s = t.padding, c = t.flipVariations, r = t.allowedAutoPlacements, d = r === void 0 ? Un : r, A = wf(n), g = A ? c ? an : an.filter(function(h) {
     return wf(h) === A;
-  }) : Jf, _ = g.filter(function(h) {
+  }) : Jf, p = g.filter(function(h) {
     return d.indexOf(h) >= 0;
   });
-  _.length === 0 && (_ = g);
-  var C = _.reduce(function(h, y) {
+  p.length === 0 && (p = g);
+  var w = p.reduce(function(h, y) {
     return h[y] = Zf(e, {
       placement: y,
       boundary: a,
@@ -17032,8 +17031,8 @@ function Y2(e, f) {
       padding: s
     })[He(y)], h;
   }, {});
-  return Object.keys(C).sort(function(h, y) {
-    return C[h] - C[y];
+  return Object.keys(w).sort(function(h, y) {
+    return w[h] - w[y];
   });
 }
 function P2(e) {
@@ -17045,7 +17044,7 @@ function P2(e) {
 function q2(e) {
   var f = e.state, t = e.options, n = e.name;
   if (!f.modifiersData[n]._skip) {
-    for (var a = t.mainAxis, i = a === void 0 ? !0 : a, s = t.altAxis, c = s === void 0 ? !0 : s, r = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, _ = t.altBoundary, C = t.flipVariations, h = C === void 0 ? !0 : C, y = t.allowedAutoPlacements, w = f.options.placement, T = He(w), N = T === w, p = r || (N || !h ? [g1(w)] : P2(w)), k = [w].concat(p).reduce(function(H, j) {
+    for (var a = t.mainAxis, i = a === void 0 ? !0 : a, s = t.altAxis, c = s === void 0 ? !0 : s, r = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, p = t.altBoundary, w = t.flipVariations, h = w === void 0 ? !0 : w, y = t.allowedAutoPlacements, C = f.options.placement, T = He(C), N = T === C, _ = r || (N || !h ? [g1(C)] : P2(C)), k = [C].concat(_).reduce(function(H, j) {
       return H.concat(He(j) === Lt ? Y2(f, {
         placement: j,
         boundary: A,
@@ -17054,12 +17053,12 @@ function q2(e) {
         flipVariations: h,
         allowedAutoPlacements: y
       }) : j);
-    }, []), M = f.rects.reference, m = f.rects.popper, I = /* @__PURE__ */ new Map(), x = !0, O = k[0], F = 0; F < k.length; F++) {
-      var ee = k[F], $ = He(ee), z = wf(ee) === vf, G = [ve, Se].indexOf($) >= 0, te = G ? "width" : "height", fe = Zf(f, {
+    }, []), M = f.rects.reference, m = f.rects.popper, I = /* @__PURE__ */ new Map(), x = !0, O = k[0], Q = 0; Q < k.length; Q++) {
+      var ee = k[Q], $ = He(ee), z = wf(ee) === vf, G = [ve, Se].indexOf($) >= 0, te = G ? "width" : "height", fe = Zf(f, {
         placement: ee,
         boundary: A,
         rootBoundary: g,
-        altBoundary: _,
+        altBoundary: p,
         padding: d
       }), le = G ? z ? Ve : be : z ? Se : ve;
       M[te] > m[te] && (le = g1(le));
@@ -17074,18 +17073,18 @@ function q2(e) {
     }
     if (x)
       for (var $e = h ? 3 : 1, Re = function(j) {
-        var Y = k.find(function(q) {
+        var F = k.find(function(q) {
           var re = I.get(q);
           if (re)
             return re.slice(0, j).every(function(Me) {
               return Me;
             });
         });
-        if (Y)
-          return O = Y, "break";
+        if (F)
+          return O = F, "break";
       }, ke = $e; ke > 0; ke--) {
-        var Q = Re(ke);
-        if (Q === "break")
+        var P = Re(ke);
+        if (P === "break")
           break;
       }
     f.placement !== O && (f.modifiersData[n]._skip = !0, f.placement = O, f.reset = !0);
@@ -17184,14 +17183,14 @@ function fc(e) {
   return e === "x" ? "y" : "x";
 }
 function tc(e) {
-  var f = e.state, t = e.options, n = e.name, a = t.mainAxis, i = a === void 0 ? !0 : a, s = t.altAxis, c = s === void 0 ? !1 : s, r = t.boundary, d = t.rootBoundary, A = t.altBoundary, g = t.padding, _ = t.tether, C = _ === void 0 ? !0 : _, h = t.tetherOffset, y = h === void 0 ? 0 : h, w = Zf(f, {
+  var f = e.state, t = e.options, n = e.name, a = t.mainAxis, i = a === void 0 ? !0 : a, s = t.altAxis, c = s === void 0 ? !1 : s, r = t.boundary, d = t.rootBoundary, A = t.altBoundary, g = t.padding, p = t.tether, w = p === void 0 ? !0 : p, h = t.tetherOffset, y = h === void 0 ? 0 : h, C = Zf(f, {
     boundary: r,
     rootBoundary: d,
     padding: g,
     altBoundary: A
-  }), T = He(f.placement), N = wf(f.placement), p = !N, k = zt(T), M = fc(k), m = f.modifiersData.popperOffsets, I = f.rects.reference, x = f.rects.popper, O = typeof y == "function" ? y(Object.assign({}, f.rects, {
+  }), T = He(f.placement), N = wf(f.placement), _ = !N, k = zt(T), M = fc(k), m = f.modifiersData.popperOffsets, I = f.rects.reference, x = f.rects.popper, O = typeof y == "function" ? y(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : y, F = typeof O == "number" ? {
+  })) : y, Q = typeof O == "number" ? {
     mainAxis: O,
     altAxis: O
   } : Object.assign({
@@ -17203,14 +17202,14 @@ function tc(e) {
   };
   if (m) {
     if (i) {
-      var z, G = k === "y" ? ve : be, te = k === "y" ? Se : Ve, fe = k === "y" ? "height" : "width", le = m[k], Ie = le + w[G], pe = le - w[te], $e = C ? -x[fe] / 2 : 0, Re = N === vf ? I[fe] : x[fe], ke = N === vf ? -x[fe] : -I[fe], Q = f.elements.arrow, H = C && Q ? Ot(Q) : {
+      var z, G = k === "y" ? ve : be, te = k === "y" ? Se : Ve, fe = k === "y" ? "height" : "width", le = m[k], Ie = le + C[G], pe = le - C[te], $e = w ? -x[fe] / 2 : 0, Re = N === vf ? I[fe] : x[fe], ke = N === vf ? -x[fe] : -I[fe], P = f.elements.arrow, H = w && P ? Ot(P) : {
         width: 0,
         height: 0
-      }, j = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Rn(), Y = j[G], q = j[te], re = Rf(0, I[fe], H[fe]), Me = p ? I[fe] / 2 - $e - re - Y - F.mainAxis : Re - re - Y - F.mainAxis, Qe = p ? -I[fe] / 2 + $e + re + q + F.mainAxis : ke + re + q + F.mainAxis, mf = f.elements.arrow && Gf(f.elements.arrow), G1 = mf ? k === "y" ? mf.clientTop || 0 : mf.clientLeft || 0 : 0, n1 = (z = ee == null ? void 0 : ee[k]) != null ? z : 0, xf = le + Me - n1 - G1, X1 = le + Qe - n1, a1 = Rf(C ? Y1(Ie, xf) : Ie, le, C ? rf(pe, X1) : pe);
+      }, j = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Rn(), F = j[G], q = j[te], re = Rf(0, I[fe], H[fe]), Me = _ ? I[fe] / 2 - $e - re - F - Q.mainAxis : Re - re - F - Q.mainAxis, Qe = _ ? -I[fe] / 2 + $e + re + q + Q.mainAxis : ke + re + q + Q.mainAxis, mf = f.elements.arrow && Gf(f.elements.arrow), G1 = mf ? k === "y" ? mf.clientTop || 0 : mf.clientLeft || 0 : 0, n1 = (z = ee == null ? void 0 : ee[k]) != null ? z : 0, xf = le + Me - n1 - G1, X1 = le + Qe - n1, a1 = Rf(w ? Y1(Ie, xf) : Ie, le, w ? rf(pe, X1) : pe);
       m[k] = a1, $[k] = a1 - le;
     }
     if (c) {
-      var s1, sf = k === "x" ? ve : be, i1 = k === "x" ? Se : Ve, Fe = m[M], of = M === "y" ? "height" : "width", U = Fe + w[sf], R = Fe - w[i1], Ae = [ve, be].indexOf(T) !== -1, Ye = (s1 = ee == null ? void 0 : ee[M]) != null ? s1 : 0, lf = Ae ? U : Fe - I[of] - x[of] - Ye + F.altAxis, uf = Ae ? Fe + I[of] + x[of] - Ye - F.altAxis : R, ne = C && Ae ? k2(lf, Fe, uf) : Rf(C ? lf : U, Fe, C ? uf : R);
+      var s1, sf = k === "x" ? ve : be, i1 = k === "x" ? Se : Ve, Fe = m[M], of = M === "y" ? "height" : "width", U = Fe + C[sf], R = Fe - C[i1], Ae = [ve, be].indexOf(T) !== -1, Ye = (s1 = ee == null ? void 0 : ee[M]) != null ? s1 : 0, lf = Ae ? U : Fe - I[of] - x[of] - Ye + Q.altAxis, uf = Ae ? Fe + I[of] + x[of] - Ye - Q.altAxis : R, ne = w && Ae ? k2(lf, Fe, uf) : Rf(w ? lf : U, Fe, w ? uf : R);
       m[M] = ne, $[M] = ne - Fe;
     }
     f.modifiersData[n] = $;
@@ -17329,7 +17328,7 @@ function dc(e) {
       },
       attributes: {},
       styles: {}
-    }, g = [], _ = !1, C = {
+    }, g = [], p = !1, w = {
       state: A,
       setOptions: function(T) {
         var N = typeof T == "function" ? T(A.options) : T;
@@ -17337,20 +17336,20 @@ function dc(e) {
           reference: bf(c) ? Qf(c) : c.contextElement ? Qf(c.contextElement) : [],
           popper: Qf(r)
         };
-        var p = uc(rc([].concat(n, A.options.modifiers)));
-        return A.orderedModifiers = p.filter(function(k) {
+        var _ = uc(rc([].concat(n, A.options.modifiers)));
+        return A.orderedModifiers = _.filter(function(k) {
           return k.enabled;
-        }), h(), C.update();
+        }), h(), w.update();
       },
       forceUpdate: function() {
-        if (!_) {
-          var T = A.elements, N = T.reference, p = T.popper;
-          if (An(N, p)) {
+        if (!p) {
+          var T = A.elements, N = T.reference, _ = T.popper;
+          if (An(N, _)) {
             A.rects = {
-              reference: oc(N, Gf(p), A.options.strategy === "fixed"),
-              popper: Ot(p)
-            }, A.reset = !1, A.placement = A.options.placement, A.orderedModifiers.forEach(function(F) {
-              return A.modifiersData[F.name] = Object.assign({}, F.data);
+              reference: oc(N, Gf(_), A.options.strategy === "fixed"),
+              popper: Ot(_)
+            }, A.reset = !1, A.placement = A.options.placement, A.orderedModifiers.forEach(function(Q) {
+              return A.modifiersData[Q.name] = Object.assign({}, Q.data);
             });
             for (var k = 0; k < A.orderedModifiers.length; k++) {
               if (A.reset === !0) {
@@ -17362,35 +17361,35 @@ function dc(e) {
                 state: A,
                 options: x,
                 name: O,
-                instance: C
+                instance: w
               }) || A);
             }
           }
         }
       },
       update: cc(function() {
-        return new Promise(function(w) {
-          C.forceUpdate(), w(A);
+        return new Promise(function(C) {
+          w.forceUpdate(), C(A);
         });
       }),
       destroy: function() {
-        y(), _ = !0;
+        y(), p = !0;
       }
     };
     if (!An(c, r))
-      return C;
-    C.setOptions(d).then(function(w) {
-      !_ && d.onFirstUpdate && d.onFirstUpdate(w);
+      return w;
+    w.setOptions(d).then(function(C) {
+      !p && d.onFirstUpdate && d.onFirstUpdate(C);
     });
     function h() {
-      A.orderedModifiers.forEach(function(w) {
-        var T = w.name, N = w.options, p = N === void 0 ? {} : N, k = w.effect;
+      A.orderedModifiers.forEach(function(C) {
+        var T = C.name, N = C.options, _ = N === void 0 ? {} : N, k = C.effect;
         if (typeof k == "function") {
           var M = k({
             state: A,
             name: T,
-            instance: C,
-            options: p
+            instance: w,
+            options: _
           }), m = function() {
           };
           g.push(M || m);
@@ -17398,11 +17397,11 @@ function dc(e) {
       });
     }
     function y() {
-      g.forEach(function(w) {
-        return w();
+      g.forEach(function(C) {
+        return C();
       }), g = [];
     }
-    return C;
+    return w;
   };
 }
 var Ac = [O2, ec, V2, w2, G2, H2, nc, T2, Z2], gc = /* @__PURE__ */ dc({
@@ -17457,12 +17456,12 @@ const pc = K({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: t } = se("store"), n = b(null), a = P(() => mc(
+    const { state: e, updateEmoji: f, updateSelect: t } = se("store"), n = b(null), a = Y(() => mc(
       e.emojis,
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), i = Jn(), s = P(() => !e.options.hideGroupNames), c = P(() => !e.options.disableStickyGroupNames), r = hn(e.options.groupNames), d = e.orderedGroupKeys;
+    )), i = Jn(), s = Y(() => !e.options.hideGroupNames), c = Y(() => !e.options.disableStickyGroupNames), r = hn(e.options.groupNames), d = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((h) => {
       e.options.groupNames[h] ? r[h] = e.options.groupNames[h] : r[h] = Wn(h);
     });
@@ -17470,16 +17469,16 @@ const pc = K({
     function g(h) {
       f(h);
     }
-    function _(h) {
+    function p(h) {
       t(h), i == null || i.emit("select", {
         ...h,
         t: e.skinTone,
         i: m1(h.r)
       });
     }
-    function C(h, y) {
-      var w;
-      const T = (w = h == null ? void 0 : h.target) == null ? void 0 : w.closest("button");
+    function w(h, y) {
+      var C;
+      const T = (C = h == null ? void 0 : h.target) == null ? void 0 : C.closest("button");
       T && (T.innerHTML = `<span>${m1(y)}</span>`);
     }
     return ae(
@@ -17494,8 +17493,8 @@ const pc = K({
       bodyInner: n,
       EMOJI_REMOTE_SRC: jn,
       GROUP_NAMES: Sn,
-      handleClick: _,
-      handleError: C,
+      handleClick: p,
+      handleError: w,
       handleMouseEnter: g,
       native: e.options.native,
       unicodeToEmoji: m1,
@@ -17554,9 +17553,9 @@ var Ic = /* @__PURE__ */ Xf(pc, [["render", Cc]]), kc = "data:image/svg+xml;base
 const Vc = K({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: t, updateActiveGroup: n } = se("store"), a = P(() => !f.options.hideSearch), i = P(() => !f.options.hideGroupIcons), s = JSON.parse(JSON.stringify(f.orderedGroupKeys)), c = P(
+    const { state: f, updateSearch: t, updateActiveGroup: n } = se("store"), a = Y(() => !f.options.hideSearch), i = Y(() => !f.options.hideGroupIcons), s = JSON.parse(JSON.stringify(f.orderedGroupKeys)), c = Y(
       () => f.options.staticTexts.placeholder || ""
-    ), r = P({
+    ), r = Y({
       get: () => f.search,
       set: (g) => t(g)
     }), d = [
@@ -17567,8 +17566,8 @@ const Vc = K({
       }))
     ], A = [];
     return s.forEach((g) => {
-      const _ = d.findIndex((C) => C.key === g);
-      _ !== -1 && (A.push(d[_]), d.splice(_, 1));
+      const p = d.findIndex((w) => w.key === g);
+      p !== -1 && (A.push(d[p]), d.splice(p, 1));
     }), {
       orderedGroups: A,
       orderedKeys: s,
@@ -17642,20 +17641,20 @@ var Yc = /* @__PURE__ */ Xf(Vc, [["render", Fc]]);
 const Pc = K({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = se("store"), t = b(!1), n = b(!1), a = P(() => e.skinTone), i = P(
+    const { state: e, updateSkinTone: f } = se("store"), t = b(!1), n = b(!1), a = Y(() => e.skinTone), i = Y(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), s = P(() => !e.options.disableSkinTones), c = Hn() ? "is-mac" : "", r = P(() => ({
+    ), s = Y(() => !e.options.disableSkinTones), c = Hn() ? "is-mac" : "", r = Y(() => ({
       ...e.emoji,
       src: jn + "/" + e.emoji[Hf] + ".png"
     }));
-    function d(_ = !0) {
-      t.value = _;
+    function d(p = !0) {
+      t.value = p;
     }
     function A() {
       t.value = !t.value;
     }
-    function g(_) {
-      f(_), d(!1);
+    function g(p) {
+      f(p), d(!1);
     }
     return ae(
       () => e.emoji,
@@ -17764,54 +17763,54 @@ const er = K({
   setup(e, { emit: f }) {
     const t = b(), n = b(), a = b(), i = b(!1), s = b(e.text), c = e.type === "input" || e.type === "textarea";
     let r = -1;
-    const { state: d } = se("store"), A = P(() => d.options.colorTheme);
-    function g(w) {
+    const { state: d } = se("store"), A = Y(() => d.options.colorTheme);
+    function g(C) {
       if (c) {
         const T = d.options.mode;
-        T === "prepend" ? s.value = w.i + s.value : T === "insert" && r !== -1 ? (s.value = `${s.value.slice(0, r)}${w.i}${s.value.slice(r)}`, r += w.i.length) : s.value += w.i, f("update:text", s.value);
+        T === "prepend" ? s.value = C.i + s.value : T === "insert" && r !== -1 ? (s.value = `${s.value.slice(0, r)}${C.i}${s.value.slice(r)}`, r += C.i.length) : s.value += C.i, f("update:text", s.value);
       }
-      f("select", w);
+      f("select", C);
     }
-    function _() {
-      var w;
-      t.value && (r = ((w = t.value) == null ? void 0 : w.selectionEnd) || -1);
+    function p() {
+      var C;
+      t.value && (r = ((C = t.value) == null ? void 0 : C.selectionEnd) || -1);
     }
-    function C(w) {
+    function w(C) {
       var T;
-      !((T = w.target) != null && T.closest(
+      !((T = C.target) != null && T.closest(
         ".v3-input-picker-wrap"
       )) && i.value && (i.value = !1);
     }
     function h() {
       if (n.value && a.value && c) {
-        let w = d.options.offset;
-        typeof w != "number" && (w = 6), gc(n.value, a.value, {
+        let C = d.options.offset;
+        typeof C != "number" && (C = 6), gc(n.value, a.value, {
           placement: "bottom-end",
           modifiers: [
             {
               name: "offset",
               options: {
-                offset: [0, w]
+                offset: [0, C]
               }
             }
           ]
-        }), document.body.addEventListener("click", C);
+        }), document.body.addEventListener("click", w);
       }
     }
-    function y(w) {
-      s.value = w.target.value || "", f("update:text", s.value);
+    function y(C) {
+      s.value = C.target.value || "", f("update:text", s.value);
     }
     return me(() => {
       h();
     }), Gn(() => {
-      document.body.removeEventListener("click", C);
+      document.body.removeEventListener("click", w);
     }), {
       face: qn,
       open: i,
       onSelect: g,
       input: s,
       elem: t,
-      updateCursor: _,
+      updateCursor: p,
       button: n,
       picker: a,
       isInputType: c,
@@ -26673,15 +26672,15 @@ const gr = /* @__PURE__ */ L(rr, [["render", Ar]]), mr = {
       c(r().text + h.i);
     }, g = () => {
       f.state === "active" && (i.value = !i.value, i.value && (n.value = d()));
-    }, _ = () => {
+    }, p = () => {
       i.value = !1;
-    }, C = (h) => {
-      i.value && !a.value.contains(h.target) && !t.value.contains(h.target) && _();
+    }, w = (h) => {
+      i.value && !a.value.contains(h.target) && !t.value.contains(h.target) && p();
     };
     return me(() => {
-      t.value.style.display = "none", document.addEventListener("click", C);
+      t.value.style.display = "none", document.addEventListener("click", w);
     }), Af(() => {
-      document.removeEventListener("click", C);
+      document.removeEventListener("click", w);
     }), (h, y) => (l(), u(Z, null, [
       D(r)().isRecording ? v("", !0) : (l(), u("button", {
         key: 0,
@@ -26791,7 +26790,7 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
   },
   emits: ["search", "cancel", "switch"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), { getModel: n } = Dr(t), a = f, i = e, s = b(), c = xr("", 500), r = P(() => i.isFeedLocation ? "40px" : (i.isFeedLocation, "20px"));
+    const t = se("chatAppId"), { getModel: n } = Dr(t), a = f, i = e, s = b(), c = xr("", 500), r = Y(() => i.isFeedLocation ? "40px" : (i.isFeedLocation, "20px"));
     ae(
       () => [n().text, c.value],
       () => {
@@ -26812,7 +26811,7 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
           ge(o("input", {
             ref_key: "refInput",
             ref: s,
-            "onUpdate:modelValue": g[0] || (g[0] = (_) => D(n)().text = _),
+            "onUpdate:modelValue": g[0] || (g[0] = (p) => D(n)().text = p),
             class: "feed-search__input",
             type: "text",
             placeholder: D(Ee)("component.FeedSearch.SearchPlaceholder")
@@ -26828,7 +26827,7 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
             key: 0,
             class: "pi pi-refresh",
             style: { "margin-left": "5px", "margin-top": "10px", cursor: "pointer" },
-            onClick: g[1] || (g[1] = (_) => a("switch"))
+            onClick: g[1] || (g[1] = (p) => a("switch"))
           })) : v("", !0)
         ])
       ]),
@@ -26851,7 +26850,7 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = e, t = P(() => {
+    const f = e, t = Y(() => {
       const n = {
         "message.file": "pi pi-file",
         "message.audio": "pi pi-volume-up",
@@ -26916,7 +26915,7 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
   },
   emits: ["clickedSearch", "loadMore"],
   setup(e, { emit: f }) {
-    const t = f, n = e, a = b(), i = b(null), s = P(() => n.notFound ? Ee("component.FeedFoundObjects.notFound") : n.notFound ? "" : Ee("component.FeedFoundObjects.notSearched")), c = (d) => {
+    const t = f, n = e, a = b(), i = b(null), s = Y(() => n.notFound ? Ee("component.FeedFoundObjects.notFound") : n.notFound ? "" : Ee("component.FeedFoundObjects.notSearched")), c = (d) => {
       d.messageId && (t("clickedSearch", d.messageId), i.value = d);
     }, r = () => {
       const d = D(a);
@@ -26933,7 +26932,7 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
       }, [
         (l(!0), u(Z, null, oe(e.objects, (g) => (l(), u("div", {
           key: g.messageId,
-          onClick: (_) => c(g)
+          onClick: (p) => c(g)
         }, [
           W(Fr, {
             object: g,
@@ -26961,44 +26960,44 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getMessage: t, setMessageFile: n, resetMessageFile: a, setRecordingMessage: i } = Le(f), s = b(), c = b(0), r = b(0), d = b(0), A = b(0), g = P(() => {
-      let x = A.value < 10 ? "0" + A.value : A.value, O = d.value < 10 ? "0" + d.value : d.value, F = r.value < 10 ? "0" + r.value : r.value, ee = c.value < 10 ? "00" + c.value : c.value < 100 ? "0" + c.value : c.value;
-      return x + ":" + O + ":" + F + ":" + ee;
-    }), _ = b(""), C = b(!1), h = b(), y = b([]), w = b(), T = b(), N = e, p = async () => {
+    const f = se("chatAppId"), { getMessage: t, setMessageFile: n, resetMessageFile: a, setRecordingMessage: i } = Le(f), s = b(), c = b(0), r = b(0), d = b(0), A = b(0), g = Y(() => {
+      let x = A.value < 10 ? "0" + A.value : A.value, O = d.value < 10 ? "0" + d.value : d.value, Q = r.value < 10 ? "0" + r.value : r.value, ee = c.value < 10 ? "00" + c.value : c.value < 100 ? "0" + c.value : c.value;
+      return x + ":" + O + ":" + Q + ":" + ee;
+    }), p = b(""), w = b(!1), h = b(), y = b([]), C = b(), T = b(), N = e, _ = async () => {
       if (!t().file && N.state == "active") {
         const x = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
         s.value = setInterval(() => {
           c.value += 10, c.value == 1e3 && (c.value = 0, r.value++, r.value == 60 && (r.value = 0, d.value++, d.value == 60 && (d.value = 0, A.value++)));
-        }, 10), i(!0), C.value = !0, h.value = new MediaRecorder(x), h.value.start(), h.value.ondataavailable = (O) => {
+        }, 10), i(!0), w.value = !0, h.value = new MediaRecorder(x), h.value.start(), h.value.ondataavailable = (O) => {
           y.value.push(O.data);
         };
       }
     }, k = () => {
-      m(), w.value = void 0;
+      m(), C.value = void 0;
     }, M = () => {
       h.value && (h.value.stop(), h.value.onstop = async () => {
         const x = new File(y.value, "voicemessage.mp3", { type: "audio/*" }), O = URL.createObjectURL(x);
-        w.value = O, _.value = "uploading", await W1(N.filebumpUrl, x).then((F) => {
-          if (_.value = F.status, F.status == "success") {
+        C.value = O, p.value = "uploading", await W1(N.filebumpUrl, x).then((Q) => {
+          if (p.value = Q.status, Q.status == "success") {
             const ee = document.getElementById("chat-input-file-line-" + f);
             ee && (ee.style.display = "inherit"), n({
-              url: F.url,
-              name: F.name,
-              size: F.size,
-              type: F.type
-            }), F.preview && (T.value = {
-              previewUrl: F.preview.previewUrl,
-              isImage: F.preview.isImage,
-              isVideo: F.preview.isVideo,
-              isAudio: F.preview.isAudio,
-              fileName: F.name,
-              fileSize: F.preview.fileSize
+              url: Q.url,
+              name: Q.name,
+              size: Q.size,
+              type: Q.type
+            }), Q.preview && (T.value = {
+              previewUrl: Q.preview.previewUrl,
+              isImage: Q.preview.isImage,
+              isVideo: Q.preview.isVideo,
+              isAudio: Q.preview.isAudio,
+              fileName: Q.name,
+              fileSize: Q.preview.fileSize
             });
           }
         });
       }), m();
     }, m = () => {
-      clearInterval(s.value), c.value = 0, r.value = 0, d.value = 0, A.value = 0, i(!1), C.value = !1, h.value = void 0, y.value = [];
+      clearInterval(s.value), c.value = 0, r.value = 0, d.value = 0, A.value = 0, i(!1), w.value = !1, h.value = void 0, y.value = [];
     }, I = () => {
       const x = document.getElementById("chat-input-file-line-" + f);
       x && (x.style.display = "none"), a(), T.value = void 0;
@@ -27009,10 +27008,10 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
         t().file || (T.value = void 0);
       }
     ), (x, O) => (l(), u("div", Wr, [
-      _.value === "uploading" ? (l(), u("div", Zr, O[0] || (O[0] = [
+      p.value === "uploading" ? (l(), u("div", Zr, O[0] || (O[0] = [
         o("p", null, "Загрузка файла...", -1)
       ]))) : v("", !0),
-      C.value && _.value != "uploading" ? (l(), u("div", Kr, [
+      w.value && p.value != "uploading" ? (l(), u("div", Kr, [
         O[3] || (O[3] = o("span", { class: "audio-recorder__recording-icon pi pi-circle-fill" }, null, -1)),
         o("button", {
           class: "audio-recorder__button audio-recorder__button-record",
@@ -27028,10 +27027,10 @@ const Nr = { class: "feed-search__container" }, Tr = { style: { "line-height": "
         ])),
         o("span", Jr, E(g.value), 1)
       ])) : v("", !0),
-      !C.value && _.value != "uploading" && !D(t)().isRecording ? (l(), u("button", {
+      !w.value && p.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: p
+        onClick: _
       }, O[4] || (O[4] = [
         o("span", { class: "pi pi-microphone" }, null, -1)
       ]), 2)) : v("", !0),
@@ -27056,9 +27055,9 @@ function e1({ component: e, attrs: f, Modal: t, modalAttrs: n }) {
       g.unmount(), document.body.removeChild(i);
     }, r = () => {
       c(), a(s.value);
-    }, d = (_) => {
-      Object.keys(_).forEach((C) => {
-        s.value[C] = _[C];
+    }, d = (p) => {
+      Object.keys(p).forEach((w) => {
+        s.value[w] = p[w];
       });
     }, A = K({
       render() {
@@ -27144,7 +27143,7 @@ const Xr = ["data-theme"], ed = {
 }, Rt = /* @__PURE__ */ L(nd, [["__scopeId", "data-v-4a9f3ae8"]]), V6 = async (e, f, t) => {
   const n = await e1({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-DF4XQSJw.js"),
+    component: import("./SelectUser2-BjnqKhpl.js"),
     attrs: {
       title: e,
       users: f
@@ -27216,7 +27215,7 @@ const Xr = ["data-theme"], ed = {
   }
 }, Zn = /* @__PURE__ */ L(id, [["__scopeId", "data-v-fcb0f158"]]), z6 = async (e, f, t, n, a, i) => await e1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./CreateDialog-B6g-ij6E.js"),
+  component: import("./CreateDialog-uAWBhX5m.js"),
   attrs: {
     title: e,
     name: f,
@@ -27230,7 +27229,7 @@ const Xr = ["data-theme"], ed = {
   }
 }), od = async (e) => await e1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./ModalVideoRecorder-K2AOjOdR.js"),
+  component: import("./ModalVideoRecorder-BPWCojHz.js"),
   attrs: {},
   Modal: Zn,
   modalAttrs: {
@@ -27257,9 +27256,9 @@ const Xr = ["data-theme"], ed = {
   setup(e) {
     const f = se("chatAppId"), { getMessage: t, setMessageFile: n, setRecordingMessage: a, resetMessageFile: i } = Le(f), { getTheme: s } = Oe(f), c = b(""), r = b(), d = e, A = async () => {
       if (!t().file && d.state == "active") {
-        const _ = s().theme ? s().theme : "";
-        await od(_).then(async (C) => {
-          C.videoFile && (c.value = "uploading", a(!0), await W1(d.filebumpUrl, C.videoFile).then((h) => {
+        const p = s().theme ? s().theme : "";
+        await od(p).then(async (w) => {
+          w.videoFile && (c.value = "uploading", a(!0), await W1(d.filebumpUrl, w.videoFile).then((h) => {
             if (a(!1), c.value = h.status, h.status == "success") {
               n({
                 url: h.url,
@@ -27282,25 +27281,25 @@ const Xr = ["data-theme"], ed = {
       }
     }, g = () => {
       i();
-      const _ = document.getElementById("chat-input-file-line-" + f);
-      _ && (_.style.display = "none"), r.value = void 0;
+      const p = document.getElementById("chat-input-file-line-" + f);
+      p && (p.style.display = "none"), r.value = void 0;
     };
     return ae(
       () => t().file,
       () => {
         t().file || (r.value = void 0);
       }
-    ), (_, C) => (l(), u(Z, null, [
+    ), (p, w) => (l(), u(Z, null, [
       D(t)().isRecording ? v("", !0) : (l(), u("div", ld, [
         c.value != "uploading" ? (l(), u("button", {
           key: 0,
           class: S(["video-recorder__button", { "video-recorder__button-disabled": e.state == "disabled" || D(t)().file }]),
           onClick: A
-        }, C[0] || (C[0] = [
+        }, w[0] || (w[0] = [
           o("span", { class: "pi pi-video" }, null, -1)
         ]), 2)) : v("", !0)
       ])),
-      c.value === "uploading" ? (l(), u("div", ud, C[1] || (C[1] = [
+      c.value === "uploading" ? (l(), u("div", ud, w[1] || (w[1] = [
         o("p", null, "Загрузка файла...", -1)
       ]))) : v("", !0),
       D(t)().file ? (l(), B(ye, {
@@ -27430,37 +27429,37 @@ const Xr = ["data-theme"], ed = {
   },
   emits: ["select-attribute-channel", "phone-call"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = b(null), i = b(null), s = b(null), c = b(null), r = b(!1), d = b(!1), A = b(null), g = b("0px"), _ = b(null), C = b(!1), h = b(null), y = b({}), w = b(0), T = ["phone", "whatsapp", "telegram", "max", "sms"], N = {
+    const t = e, n = f, a = b(null), i = b(null), s = b(null), c = b(null), r = b(!1), d = b(!1), A = b(null), g = b("0px"), p = b(null), w = b(!1), h = b(null), y = b({}), C = b(0), T = ["phone", "whatsapp", "telegram", "max", "sms"], N = {
       phone: qa,
       whatsapp: Ka,
       telegram: es,
       max: as,
       sms: ls
-    }, p = {
+    }, _ = {
       phone: ds,
       whatsapp: ps,
       telegram: bs,
       max: Cs,
       sms: xs
-    }, k = P(
+    }, k = Y(
       () => T.map((U) => ({
         type: U,
         component: N[U]
       }))
     ), M = b(
       Object.fromEntries(T.map((U) => [U, []]))
-    ), m = P(
+    ), m = Y(
       () => s.value ? Re(s.value) : null
-    ), I = P(
+    ), I = Y(
       () => {
         var U;
         return s.value !== "phone" && m.value && ((U = t.recentAttributeChannels[s.value]) == null ? void 0 : U.channelId);
       }
-    ), x = P(
+    ), x = Y(
       () => s.value ? $e(s.value) : []
-    ), O = P(
+    ), O = Y(
       () => d.value && A.value && x.value.length > 0 && s.value !== "phone" && z(s.value)
-    ), F = {
+    ), Q = {
       phone: "Позвонить",
       whatsapp: "Выберите контакт и канал для отправки сообщения",
       telegram: "Выберите контакт и канал для отправки сообщения",
@@ -27468,7 +27467,7 @@ const Xr = ["data-theme"], ed = {
       sms: "Выберите контакт и канал для отправки сообщения"
     }, ee = (U) => {
       var R;
-      return ((R = t.channelTooltips) == null ? void 0 : R[U]) ?? F[U] ?? "";
+      return ((R = t.channelTooltips) == null ? void 0 : R[U]) ?? Q[U] ?? "";
     }, $ = (U) => {
       if (!U) return null;
       const [R] = U.split(".");
@@ -27480,7 +27479,7 @@ const Xr = ["data-theme"], ed = {
         (Ae) => $(Ae.channelId) === U
       );
       return R.length === 1 ? R[0] : null;
-    }, fe = (U) => p[U] || null, le = (U) => {
+    }, fe = (U) => _[U] || null, le = (U) => {
       const R = $(U);
       return fe(R);
     }, Ie = (U) => {
@@ -27501,11 +27500,11 @@ const Xr = ["data-theme"], ed = {
       return t.contactAttributes.find((Ye) => Ye.id === R);
     }, ke = (U) => {
       var R;
-      return ((R = _.value) == null ? void 0 : R.id) === U.id;
-    }, Q = (U) => {
-      h.value === U && s.value === U ? H() : (s.value = U, r.value = !0, d.value = !1, _.value = null, C.value = !1, sf());
+      return ((R = p.value) == null ? void 0 : R.id) === U.id;
+    }, P = (U) => {
+      h.value === U && s.value === U ? H() : (s.value = U, r.value = !0, d.value = !1, p.value = null, w.value = !1, sf());
     }, H = () => {
-      r.value = !1, s.value = null, _.value = null, C.value = !1, d.value = !1;
+      r.value = !1, s.value = null, p.value = null, w.value = !1, d.value = !1;
     }, j = () => {
       var U;
       if (s.value === "phone")
@@ -27517,7 +27516,7 @@ const Xr = ["data-theme"], ed = {
         const R = te(s.value);
         m.value && R && re(m.value, R.channelId);
       }
-    }, Y = (U) => {
+    }, F = (U) => {
       if (s.value === "phone")
         q(U);
       else if (!z(s.value)) {
@@ -27540,21 +27539,21 @@ const Xr = ["data-theme"], ed = {
         channelId: U
       }), h.value = s.value, y.value = t.channels.find((R) => R.channelId === U), console.log("TEST selectedChannel.value", y.value), H();
     }, Qe = (U) => {
-      z(s.value) && (xf(), C.value = !0, d.value = !0, i1(U.currentTarget));
+      z(s.value) && (xf(), w.value = !0, d.value = !0, i1(U.currentTarget));
     }, mf = () => {
-      d.value || (C.value = !1);
+      d.value || (w.value = !1);
     }, G1 = (U, R) => {
-      z(s.value) && (C.value = !1, A.value = U, d.value = !0, _.value = U, i1(R.currentTarget));
+      z(s.value) && (w.value = !1, A.value = U, d.value = !0, p.value = U, i1(R.currentTarget));
     }, n1 = () => {
-      d.value || (_.value = null);
+      d.value || (p.value = null);
     }, xf = () => {
-      d.value = !1, _.value = null, A.value = null;
+      d.value = !1, p.value = null, A.value = null;
     }, X1 = () => {
       d.value = !0;
     }, a1 = () => {
-      d.value = !1, _.value = null, C.value = !1;
+      d.value = !1, p.value = null, w.value = !1;
     }, s1 = (U) => {
-      C.value ? Me(U) : A.value && (n("select-attribute-channel", {
+      w.value ? Me(U) : A.value && (n("select-attribute-channel", {
         attributeId: A.value.id,
         channelId: U
       }), h.value = s.value, y.value = t.channels.find((R) => R.channelId === U), console.log("TEST selectedChannel.value", y.value)), H();
@@ -27566,7 +27565,7 @@ const Xr = ["data-theme"], ed = {
           var Nf, Qt, Ft;
           const R = (Nf = a.value) == null ? void 0 : Nf.querySelector(".attributes-menu"), Ae = (Qt = a.value) == null ? void 0 : Qt.querySelector(".sub-menu-header"), Ye = (Ft = a.value) == null ? void 0 : Ft.querySelector(".sub-menu");
           if (!R || !U) {
-            w.value = 0;
+            C.value = 0;
             return;
           }
           const lf = R.getBoundingClientRect(), uf = U.getBoundingClientRect();
@@ -27580,10 +27579,10 @@ const Xr = ["data-theme"], ed = {
             const et = getComputedStyle(Ye);
             De = parseFloat(et.paddingTop || "0") || 0;
           }
-          w.value = uf.top - lf.top - ne - De - 2;
+          C.value = uf.top - lf.top - ne - De - 2;
         });
       } catch {
-        w.value = 0;
+        C.value = 0;
       }
     }, Fe = (U) => {
       a.value && !a.value.contains(U.target) && H();
@@ -27623,14 +27622,14 @@ const Xr = ["data-theme"], ed = {
                 active: G(ne.type),
                 hover: c.value === ne.type && !G(ne.type) || c.value === ne.type && G(ne.type)
               }]),
-              onClick: (Nf) => Q(ne.type),
+              onClick: (Nf) => P(ne.type),
               onMouseenter: (Nf) => c.value = ne.type,
               onMouseleave: R[0] || (R[0] = (Nf) => c.value = null)
             }, [
               G(ne.type) ? (l(), u(Z, { key: 0 }, [
                 W(tf, {
                   text: (De = y.value) == null ? void 0 : De.title,
-                  position: "bottom",
+                  position: "bottom-left",
                   offset: 8
                 }, {
                   default: J(() => [
@@ -27644,7 +27643,7 @@ const Xr = ["data-theme"], ed = {
               ], 64)) : (l(), B(tf, {
                 key: 1,
                 text: ee(ne.type),
-                position: "bottom",
+                position: "bottom-left",
                 offset: 8
               }, {
                 default: J(() => [
@@ -27674,7 +27673,7 @@ const Xr = ["data-theme"], ed = {
               return [
                 o("div", {
                   class: S(["recent-attribute", {
-                    "frozen-hover": C.value
+                    "frozen-hover": w.value
                   }]),
                   onMouseenter: R[1] || (R[1] = (De) => Qe(De)),
                   onMouseleave: mf,
@@ -27696,7 +27695,7 @@ const Xr = ["data-theme"], ed = {
           }, 8, ["text"])) : I.value ? (l(), u("div", {
             key: 2,
             class: S(["recent-attribute", {
-              "frozen-hover": C.value
+              "frozen-hover": w.value
             }]),
             onMouseenter: R[3] || (R[3] = (ne) => Qe(ne)),
             onMouseleave: mf,
@@ -27720,7 +27719,7 @@ const Xr = ["data-theme"], ed = {
             }]),
             onMouseenter: (De) => G1(ne, De),
             onMouseleave: n1,
-            onClick: (De) => Y(ne)
+            onClick: (De) => F(ne)
           }, [
             o("div", Cd, [
               o("span", Id, E(ne.value), 1)
@@ -27737,7 +27736,7 @@ const Xr = ["data-theme"], ed = {
           d.value && O.value ? (l(), u("div", {
             key: 4,
             class: "sub-menu left",
-            style: ce({ top: w.value + "px" }),
+            style: ce({ top: C.value + "px" }),
             onMouseenter: X1,
             onMouseleave: a1
           }, [
@@ -27759,7 +27758,7 @@ const Xr = ["data-theme"], ed = {
       ], 512);
     };
   }
-}, R6 = /* @__PURE__ */ L(Td, [["__scopeId", "data-v-6f643771"]]), Ed = { class: "contact-context-menu__wrapper" }, jd = ["id"], Sd = { class: "contact-context-menu__icon" }, Vd = /* @__PURE__ */ K({
+}, R6 = /* @__PURE__ */ L(Td, [["__scopeId", "data-v-98fecf3b"]]), Ed = { class: "contact-context-menu__wrapper" }, jd = ["id"], Sd = { class: "contact-context-menu__icon" }, Vd = /* @__PURE__ */ K({
   __name: "ContactContextMenu",
   props: {
     actions: {
@@ -27784,18 +27783,18 @@ const Xr = ["data-theme"], ed = {
   },
   emits: ["click", "buttonClick", "menuMouseEnter", "menuMouseLeave"],
   setup(e, { expose: f, emit: t }) {
-    const n = se("chatAppId"), a = se("extChatAppId"), { getTheme: i } = Oe(n), s = e, c = P1(), r = t, d = b(), A = b(), g = b(!1), _ = (M) => {
-      p(), r("click", M);
-    }, C = () => {
-      s.disabled || (s.mode == "click" && !g.value ? N() : s.mode == "click" && g.value && p(), r("buttonClick"));
+    const n = se("chatAppId"), a = se("extChatAppId"), { getTheme: i } = Oe(n), s = e, c = P1(), r = t, d = b(), A = b(), g = b(!1), p = (M) => {
+      _(), r("click", M);
+    }, w = () => {
+      s.disabled || (s.mode == "click" && !g.value ? N() : s.mode == "click" && g.value && _(), r("buttonClick"));
     }, h = () => {
       s.disabled || s.mode == "hover" && N();
     }, y = () => {
-      s.disabled || s.mode == "hover" && p();
-    }, w = () => {
+      s.disabled || s.mode == "hover" && _();
+    }, C = () => {
       r("menuMouseEnter"), s.disabled || s.mode == "hover" && N();
     }, T = () => {
-      r("menuMouseLeave"), s.disabled || s.mode == "hover" && p();
+      r("menuMouseLeave"), s.disabled || s.mode == "hover" && _();
     }, N = () => {
       if (A.value && d.value) {
         const M = d.value, m = A.value.getBoundingClientRect();
@@ -27813,23 +27812,23 @@ const Xr = ["data-theme"], ed = {
           M.style.top = x[s.menuSide].top + "px", M.style.left = x[s.menuSide].left + "px", M.style.opacity = "1", M.style.display = "inherit", g.value = !0;
         });
       }
-    }, p = () => {
+    }, _ = () => {
       if (d.value) {
         const M = d.value;
         M && (M.style.top = "0", M.style.left = "0", M.style.opacity = "0", M.style.display = "none", g.value = !1);
       }
     }, k = (M) => {
-      s.mode == "click" && A.value && !A.value.contains(M.target) && p();
+      s.mode == "click" && A.value && !A.value.contains(M.target) && _();
     };
     return me(() => {
       _e(() => {
-        d.value = document.getElementById("context-menu-" + c + a), d.value && (p(), document.addEventListener("click", k));
+        d.value = document.getElementById("context-menu-" + c + a), d.value && (_(), document.addEventListener("click", k));
       });
     }), Af(() => {
       document.removeEventListener("click", k);
     }), f({
       updatePosition: N,
-      hideMenu: p
+      hideMenu: _
     }), (M, m) => (l(), u("div", Ed, [
       o("button", {
         id: "container-" + D(c) + D(a),
@@ -27838,7 +27837,7 @@ const Xr = ["data-theme"], ed = {
         class: "contact-context-menu__button",
         onMouseenter: h,
         onMouseleave: y,
-        onClick: C
+        onClick: w
       }, [
         o("span", Sd, [
           W(Qa)
@@ -27848,9 +27847,9 @@ const Xr = ["data-theme"], ed = {
             id: "context-menu-" + D(c) + D(a),
             actions: e.actions,
             "data-theme": D(i)().theme ? D(i)().theme : "light",
-            onMouseenter: w,
+            onMouseenter: C,
             onMouseleave: T,
-            onClick: _
+            onClick: p
           }, null, 8, ["id", "actions", "data-theme"])
         ]))
       ], 40, jd)
@@ -28035,20 +28034,20 @@ const Xr = ["data-theme"], ed = {
     }, A = () => {
     }, g = () => {
       i.value = !0;
-    }, _ = () => {
+    }, p = () => {
       i.value = !1, a.value = !1;
-    }, C = P(() => kf(t.message.status));
+    }, w = Y(() => kf(t.message.status));
     function h(y) {
       return y.position === "left" ? "file-message__left" : "file-message__right";
     }
-    return (y, w) => (l(), u("div", {
+    return (y, C) => (l(), u("div", {
       class: S(["file-message", [
         h(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
       style: ce(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-      onMouseleave: _
+      onMouseleave: p
     }, [
       e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
         key: 0,
@@ -28076,9 +28075,9 @@ const Xr = ["data-theme"], ed = {
           download: "",
           target: "_blank"
         }, [
-          w[1] || (w[1] = o("span", { class: "pi pi-file" }, null, -1)),
+          C[1] || (C[1] = o("span", { class: "pi pi-file" }, null, -1)),
           o("p", i3, E(e.message.filename), 1),
-          w[2] || (w[2] = o("div", { class: "file-message__download-button" }, [
+          C[2] || (C[2] = o("div", { class: "file-message__download-button" }, [
             o("span", { class: "pi pi-download" })
           ], -1))
         ], 8, s3),
@@ -28104,23 +28103,23 @@ const Xr = ["data-theme"], ed = {
             class: "file-message__views",
             onClick: d
           }, [
-            w[3] || (w[3] = o("span", { class: "pi pi-eye" }, null, -1)),
+            C[3] || (C[3] = o("span", { class: "pi pi-eye" }, null, -1)),
             o("p", null, E(e.message.views), 1)
           ])) : v("", !0),
           o("span", c3, E(e.message.time), 1),
           h(e.message) === "file-message__right" && D(If).includes(e.message.status) ? (l(), u("div", {
             key: 1,
-            class: S(["file-message__status", C.value])
+            class: S(["file-message__status", w.value])
           }, [
             e.message.status !== "sent" ? (l(), u("span", r3)) : v("", !0),
-            w[4] || (w[4] = o("span", { class: "pi pi-check" }, null, -1))
+            C[4] || (C[4] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : v("", !0)
         ]),
         i.value && e.message.actions ? (l(), u("button", {
           key: 4,
           class: "file-message__menu-button",
-          onClick: w[0] || (w[0] = (T) => a.value = !a.value)
-        }, w[5] || (w[5] = [
+          onClick: C[0] || (C[0] = (T) => a.value = !a.value)
+        }, C[5] || (C[5] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : v("", !0),
         W(ue, null, {
@@ -28178,29 +28177,29 @@ const Xr = ["data-theme"], ed = {
     const g = (M) => {
       i("reply", M);
     };
-    function _(M) {
+    function p(M) {
       M.preventDefault(), M.target.href && window.open(M.target.href, "_blank");
     }
-    const C = () => {
+    const w = () => {
       i("action", { messageId: a.message.messageId, type: "views" });
     }, h = () => {
     }, y = () => {
       r.value = !0, d.value = !0;
-    }, w = () => {
+    }, C = () => {
       r.value = !1, c.value = !1;
-    }, T = P(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), N = P(() => kf(a.message.status));
-    function p(M) {
+    }, T = Y(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), N = Y(() => kf(a.message.status));
+    function _(M) {
       return M.position === "left" ? "image-message__left" : "image-message__right";
     }
     const k = () => s.value = !1;
     return (M, m) => (l(), u("div", {
       class: S(["image-message", [
-        p(e.message),
+        _(e.message),
         e.applyStyle(e.message)
       ]]),
       messageId: e.message.messageId,
       style: ce(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-      onMouseleave: w
+      onMouseleave: C
     }, [
       e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
         key: 0,
@@ -28238,13 +28237,13 @@ const Xr = ["data-theme"], ed = {
                 e.message.views ? (l(), u("div", {
                   key: 0,
                   class: "image-message__views",
-                  onClick: Yf(C, ["stop"])
+                  onClick: Yf(w, ["stop"])
                 }, [
                   m[3] || (m[3] = o("span", { class: "pi pi-eye" }, null, -1)),
                   o("p", null, E(e.message.views), 1)
                 ])) : v("", !0),
                 o("span", v3, E(e.message.time), 1),
-                p(e.message) === "image-message__right" && D(If).includes(e.message.status) ? (l(), u("div", {
+                _(e.message) === "image-message__right" && D(If).includes(e.message.status) ? (l(), u("div", {
                   key: 1,
                   class: S(["image-message__status", N.value])
                 }, [
@@ -28296,7 +28295,7 @@ const Xr = ["data-theme"], ed = {
         }),
         e.message.text ? (l(), u("div", M3, [
           o("p", {
-            onClick: _,
+            onClick: p,
             innerHTML: A.value
           }, null, 8, w3)
         ])) : v("", !0),
@@ -28379,15 +28378,15 @@ const Xr = ["data-theme"], ed = {
       i.value = !0;
     }, A = () => {
       i.value = !1, a.value = !1;
-    }, g = P(() => kf(t.message.status)), _ = (y) => {
+    }, g = Y(() => kf(t.message.status)), p = (y) => {
       A(), n("action", { messageId: t.message.messageId, type: "menu", ...y });
-    }, C = () => {
+    }, w = () => {
       A(), n("action", { messageId: t.message.messageId, type: "views" });
     };
     function h(y) {
       return y.position === "left" ? "text-message__left" : "text-message__right";
     }
-    return (y, w) => (l(), u("div", {
+    return (y, C) => (l(), u("div", {
       class: S(["text-message", [
         h(e.message),
         e.applyStyle(e.message)
@@ -28434,9 +28433,9 @@ const Xr = ["data-theme"], ed = {
           e.message.views ? (l(), u("div", {
             key: 0,
             class: "text-message__views",
-            onClick: C
+            onClick: w
           }, [
-            w[1] || (w[1] = o("span", { class: "pi pi-eye" }, null, -1)),
+            C[1] || (C[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", j3, E(e.message.time), 1)) : v("", !0),
@@ -28445,14 +28444,14 @@ const Xr = ["data-theme"], ed = {
             class: S(["text-message__status", g.value])
           }, [
             e.message.status !== "sent" ? (l(), u("span", S3)) : v("", !0),
-            w[2] || (w[2] = o("span", { class: "pi pi-check" }, null, -1))
+            C[2] || (C[2] = o("span", { class: "pi pi-check" }, null, -1))
           ], 2)) : v("", !0)
         ]),
         i.value && e.message.actions ? (l(), u("button", {
           key: 3,
           class: "text-message__menu-button",
-          onClick: w[0] || (w[0] = (T) => a.value = !a.value)
-        }, w[3] || (w[3] = [
+          onClick: C[0] || (C[0] = (T) => a.value = !a.value)
+        }, C[3] || (C[3] = [
           o("span", { class: "pi pi-ellipsis-h" }, null, -1)
         ]))) : v("", !0),
         W(ue, null, {
@@ -28461,7 +28460,7 @@ const Xr = ["data-theme"], ed = {
               key: 0,
               class: "text-message__context-menu",
               actions: e.message.actions,
-              onClick: _
+              onClick: p
             }, null, 8, ["actions"])) : v("", !0)
           ]),
           _: 1
@@ -28524,34 +28523,34 @@ const Xr = ["data-theme"], ed = {
       for (let z of i.value)
         z.selected = !1;
       i.value[$].selected = !0, r.value && (r.value.playbackRate = i.value[$].speed);
-    }, c = f, r = b(), d = b(!1), A = b(0), g = b(0), _ = b(!1), C = b(!1), h = b(!1), y = P(() => a.message.text ? Ue(a.message.text) : ""), w = ($) => {
+    }, c = f, r = b(), d = b(!1), A = b(0), g = b(0), p = b(!1), w = b(!1), h = b(!1), y = Y(() => a.message.text ? Ue(a.message.text) : ""), C = ($) => {
       c("reply", $);
     };
     function T($) {
       $.preventDefault(), $.target.href && window.open($.target.href, "_blank");
     }
     const N = () => {
-      C.value = !0;
-    }, p = () => {
-      C.value = !1, _.value = !1;
+      w.value = !0;
+    }, _ = () => {
+      w.value = !1, p.value = !1;
     }, k = () => {
       c("action", { messageId: a.message.messageId, type: "views" });
     }, M = () => {
-    }, m = P(() => kf(a.message.status));
+    }, m = Y(() => kf(a.message.status));
     function I() {
       r.value && (d.value ? r.value.pause() : r.value.play(), d.value = !d.value);
     }
     const x = ($) => {
       const z = Math.floor($ / 60), G = Math.floor($ % 60);
       return `${z.toString().padStart(2, "0")}:${G.toString().padStart(2, "0")}`;
-    }, O = P(() => r.value ? x(g.value) : "0:00");
+    }, O = Y(() => r.value ? x(g.value) : "0:00");
     ae(
       () => g.value,
       () => {
         r.value && (r.value.duration != 1 / 0 && !Number.isNaN(r.value.duration) && (r.value.currentTime = g.value), g.value == A.value && (d.value = !1));
       }
     );
-    const F = P(() => r.value ? x(A.value) : "0:00");
+    const Q = Y(() => r.value ? x(A.value) : "0:00");
     function ee($) {
       return $.position === "left" ? "audio-message__left" : "audio-message__right";
     }
@@ -28572,7 +28571,7 @@ const Xr = ["data-theme"], ed = {
         ]]),
         messageId: e.message.messageId,
         style: ce(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-        onMouseleave: p
+        onMouseleave: _
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
           key: 0,
@@ -28592,7 +28591,7 @@ const Xr = ["data-theme"], ed = {
             style: { "grid-column": "1/3" },
             message: e.message.reply,
             class: S(e.message.position),
-            onReply: w
+            onReply: C
           }, null, 8, ["message", "class"])) : v("", !0),
           o("div", B3, [
             o("audio", {
@@ -28628,7 +28627,7 @@ const Xr = ["data-theme"], ed = {
               [Cf, g.value]
             ]),
             o("div", Q3, [
-              o("p", F3, E(`${O.value} / ${F.value}`), 1),
+              o("p", F3, E(`${O.value} / ${Q.value}`), 1),
               o("div", Y3, [
                 (l(!0), u(Z, null, oe(i.value, (te, fe) => (l(), u("p", {
                   key: te.text,
@@ -28686,16 +28685,16 @@ const Xr = ["data-theme"], ed = {
               z[8] || (z[8] = o("span", { class: "pi pi-check" }, null, -1))
             ], 2)) : v("", !0)
           ]),
-          C.value && e.message.actions ? (l(), u("button", {
+          w.value && e.message.actions ? (l(), u("button", {
             key: 5,
             class: "audio-message__menu-button",
-            onClick: z[2] || (z[2] = (te) => _.value = !_.value)
+            onClick: z[2] || (z[2] = (te) => p.value = !p.value)
           }, z[9] || (z[9] = [
             o("span", { class: "pi pi-ellipsis-h" }, null, -1)
           ]))) : v("", !0),
           W(ue, null, {
             default: J(() => [
-              _.value && e.message.actions ? (l(), B(D(gf), {
+              p.value && e.message.actions ? (l(), B(D(gf), {
                 key: 0,
                 class: "audio-message__context-menu",
                 actions: e.message.actions,
@@ -28787,7 +28786,7 @@ const Xr = ["data-theme"], ed = {
     function c(x) {
       return x.position === "left" ? "video-message__left" : "video-message__right";
     }
-    const r = b(), d = b(), A = b(!1), g = b(!1), _ = b(!1), C = b(!1), h = b("");
+    const r = b(), d = b(), A = b(!1), g = b(!1), p = b(!1), w = b(!1), h = b("");
     ae(
       () => a.message.text,
       () => {
@@ -28798,20 +28797,20 @@ const Xr = ["data-theme"], ed = {
     function y(x) {
       x.preventDefault(), x.target.href && window.open(x.target.href, "_blank");
     }
-    const w = () => {
+    const C = () => {
       i("action", { messageId: a.message.messageId, type: "views" });
     }, T = () => {
     }, N = () => {
-      _.value = !0, C.value = !0;
-    }, p = () => {
-      _.value = !1, g.value = !1;
-    }, k = P(() => kf(a.message.status)), M = () => {
+      p.value = !0, w.value = !0;
+    }, _ = () => {
+      p.value = !1, g.value = !1;
+    }, k = Y(() => kf(a.message.status)), M = () => {
       d.value && (d.value.currentTime = 0, d.value.play());
     };
     ae([r, d], ([x, O]) => {
       x ? O && (O.pause(), O.currentTime = 0) : O && (O.play(), O.currentTime = 0);
     });
-    const m = P(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), I = () => A.value = !1;
+    const m = Y(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), I = () => A.value = !1;
     return (x, O) => (l(), u(Z, null, [
       o("div", {
         class: S(["video-message", [
@@ -28820,7 +28819,7 @@ const Xr = ["data-theme"], ed = {
         ]]),
         messageId: e.message.messageId,
         style: ce(e.message.position === "right" && e.message.backgroundColor ? { "--chotto-message-right-bg": e.message.backgroundColor } : null),
-        onMouseleave: p
+        onMouseleave: _
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), u("img", {
           key: 0,
@@ -28842,9 +28841,9 @@ const Xr = ["data-theme"], ed = {
           }, null, 8, ["class", "message"])) : v("", !0),
           o("div", {
             class: "video-message__preview-button",
-            onClick: O[0] || (O[0] = (F) => A.value = !0),
+            onClick: O[0] || (O[0] = (Q) => A.value = !0),
             onMouseenter: N,
-            onMouseleave: O[1] || (O[1] = (F) => C.value = !C.value)
+            onMouseleave: O[1] || (O[1] = (Q) => w.value = !w.value)
           }, [
             o("video", {
               ref_key: "previewPlayer",
@@ -28858,11 +28857,11 @@ const Xr = ["data-theme"], ed = {
             }, null, 44, r4),
             W(ue, { name: "modal-fade" }, {
               default: J(() => [
-                C.value ? (l(), u("div", d4, [
+                w.value ? (l(), u("div", d4, [
                   e.message.views ? (l(), u("div", {
                     key: 0,
                     class: "video-message__views",
-                    onClick: Yf(w, ["stop"])
+                    onClick: Yf(C, ["stop"])
                   }, [
                     O[3] || (O[3] = o("span", { class: "pi pi-eye" }, null, -1)),
                     o("p", null, E(e.message.views), 1)
@@ -28881,7 +28880,7 @@ const Xr = ["data-theme"], ed = {
             }),
             W(ue, { name: "modal-fade" }, {
               default: J(() => [
-                C.value ? (l(), u("a", {
+                w.value ? (l(), u("a", {
                   key: 0,
                   class: "video-message__download-button",
                   href: e.message.url,
@@ -28897,10 +28896,10 @@ const Xr = ["data-theme"], ed = {
           ], 32),
           W(ue, { name: "modal-fade" }, {
             default: J(() => [
-              _.value && e.message.actions ? (l(), u("button", {
+              p.value && e.message.actions ? (l(), u("button", {
                 key: 0,
                 class: "video-message__menu-button",
-                onClick: O[2] || (O[2] = (F) => g.value = !g.value)
+                onClick: O[2] || (O[2] = (Q) => g.value = !g.value)
               }, O[6] || (O[6] = [
                 o("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ]))) : v("", !0)
@@ -29465,14 +29464,14 @@ const Xr = ["data-theme"], ed = {
     _f("chatAppId", A), _f("extChatAppId", t.extChatAppId ? t.extChatAppId : "");
     const g = (h) => {
       s.value = !0, c.value = h.clientX - a.value.offsetLeft, r.value = h.clientY - a.value.offsetTop;
-    }, _ = () => s.value = !1, C = (h) => {
+    }, p = () => s.value = !1, w = (h) => {
       if (s.value) {
-        const y = h.clientX - c.value, w = h.clientY - r.value;
-        n.value.x = y, n.value.y = w;
+        const y = h.clientX - c.value, C = h.clientY - r.value;
+        n.value.x = y, n.value.y = C;
       }
     };
     return me(() => {
-      document.addEventListener("mousemove", C), window.addEventListener("resize", () => {
+      document.addEventListener("mousemove", w), window.addEventListener("resize", () => {
         a.value && (n.value.x = Math.max(
           0,
           Math.min(
@@ -29507,8 +29506,8 @@ const Xr = ["data-theme"], ed = {
           ref: i,
           class: "float-window__controls",
           onMousedown: g,
-          onMouseup: _,
-          onMouseleave: _
+          onMouseup: p,
+          onMouseleave: p
         }, [
           t.avatar ? (l(), u("img", {
             key: 0,
@@ -29521,7 +29520,7 @@ const Xr = ["data-theme"], ed = {
             ie(h.$slots, "controls"),
             o("button", {
               class: "float-window__close-button",
-              onClick: y[0] || (y[0] = (w) => h.$emit("close-window"))
+              onClick: y[0] || (y[0] = (C) => h.$emit("close-window"))
             }, y[1] || (y[1] = [
               o("span", { class: "pi pi-times" }, null, -1)
             ]))