@mobilon-dev/chotto 0.2.23 → 0.2.24

package/dist/{index-Bxu9lQys.js → index-hZgIJdY-.js}

@@ -1,4 +1,4 @@
-import { createElementBlock as u, openBlock as l, createStaticVNode as df, inject as se, computed as Y, createCommentVNode as h, createElementVNode as o, createVNode as W, createTextVNode as Ff, toDisplayString as x, renderSlot as ie, unref as N, ref as y, customRef as mn, defineComponent as K, watch as ae, nextTick as he, onMounted as pe, withDirectives as ge, withKeys as yt, vModelText as Mf, normalizeClass as S, createBlock as B, resolveDynamicComponent as Le, Fragment as Z, renderList as oe, Transition as ue, withCtx as J, useTemplateRef as pn, normalizeStyle as ce, Teleport as Ce, onUnmounted as wf, vShow as Oe, useId as Mt, toRef as Pt, vModelRadio as wt, reactive as _n, provide as mf, getCurrentInstance as Jn, toRaw as hn, onBeforeUnmount as Gn, readonly as Xn, resolveComponent as d1, h as Ht, 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 P, createCommentVNode as h, createElementVNode as o, createVNode as W, createTextVNode as Ff, toDisplayString as x, renderSlot as ie, unref as N, ref as y, customRef as mn, defineComponent as K, watch as ae, nextTick as he, onMounted as pe, withDirectives as ge, withKeys as yt, vModelText as Mf, normalizeClass as S, createBlock as B, resolveDynamicComponent as Le, Fragment as Z, renderList as oe, Transition as ue, withCtx as J, useTemplateRef as pn, normalizeStyle as ce, Teleport as Ce, onUnmounted as wf, vShow as Oe, useId as Mt, toRef as Pt, vModelRadio as wt, reactive as _n, provide as mf, getCurrentInstance as Jn, toRaw as hn, onBeforeUnmount as Gn, readonly as Xn, resolveComponent as d1, h as Ht, 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", ct = "numeric", rt = "ascii", dt = "alpha", Lf = "asciinumeric", Vf = "alphanumeric", At = "domain", vn = "emoji", aa = "scheme", sa = "slashscheme", et = "whitespace";
 function ia(e, f) {
   return e in f || (f[e] = []), f[e];
@@ -588,8 +588,8 @@ function Aa({
   X(_, e.numeric, k);
   const C = Ne(u1), m = Ne();
   X(C, f, C), X(C, t, m), X(m, f, C), X(m, t, m), V(E, He, C), V(k, He, C);
-  const I = V(r, ff), D = V(c, ff), O = V(D, He), Q = V(O, He);
-  X(r, e.domain, i), V(r, Pe, T), V(r, xe, M), X(c, e.domain, i), V(c, Pe, T), V(c, xe, M), X(I, e.domain, C), V(I, He, C), V(I, Bf, C), X(Q, e.domain, C), X(Q, f, C), V(Q, He, C);
+  const I = V(r, ff), D = V(c, ff), O = V(D, He), F = V(O, He);
+  X(r, e.domain, i), V(r, Pe, T), V(r, xe, M), X(c, e.domain, i), V(c, Pe, T), V(c, xe, M), X(I, e.domain, C), V(I, He, C), V(I, Bf, C), X(F, e.domain, C), X(F, f, C), V(F, He, C);
   const ee = [
     [Of, zf],
     // {}
@@ -789,7 +789,7 @@ const xn = /* @__PURE__ */ L(va, [["render", ya]]), Ma = {
   },
   emits: ["returnToChats"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = se("chatAppId"), s = Y(() => {
+    const t = e, n = f, a = se("chatAppId"), s = P(() => {
       if (t.description) return t.description;
       if (!t.description && t.defaultLastActivityTime) return t.chat["lastActivity.time"];
     });
@@ -1336,7 +1336,7 @@ const u6 = /* @__PURE__ */ L(zs, [["render", Bs]]), $s = {
   },
   emits: ["send", "typing"],
   setup(e, { emit: f }) {
-    const t = f, n = se("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: i, setForceSendMessage: r } = Ve(n), c = y(), d = Ua("", 2e3), A = y(), g = e, p = Y(() => !!(g.state == "disabled" || s().text == "" && !s().file || s().isRecording)), w = Y(() => Fs), v = Y(() => {
+    const t = f, n = se("chatAppId"), { resetMessage: a, getMessage: s, setMessageText: i, setForceSendMessage: r } = Ve(n), c = y(), d = Ua("", 2e3), A = y(), g = e, p = P(() => !!(g.state == "disabled" || s().text == "" && !s().file || s().isRecording)), w = P(() => Fs), v = P(() => {
       var k;
       if (g.inputButtonColor)
         return g.inputButtonColor;
@@ -1367,13 +1367,13 @@ const u6 = /* @__PURE__ */ L(zs, [["render", Bs]]), $s = {
           if (!_) return;
           const k = _.scrollTop;
           _.style.height = "auto";
-          const C = getComputedStyle(_), m = parseFloat(C.fontSize) || 16, I = parseFloat(C.lineHeight) || m * 1.4, D = 40, O = I * 11, Q = _.scrollHeight, $ = s().text.split(`
+          const C = getComputedStyle(_), m = parseFloat(C.fontSize) || 16, I = parseFloat(C.lineHeight) || m * 1.4, D = 40, O = I * 11, F = _.scrollHeight, $ = s().text.split(`
 `).length > 1, z = document.createElement("div");
           z.style.position = "absolute", z.style.visibility = "hidden", z.style.whiteSpace = "nowrap", z.style.font = C.font, z.style.fontSize = C.fontSize, z.style.fontFamily = C.fontFamily, z.style.fontWeight = C.fontWeight, z.style.letterSpacing = C.letterSpacing, z.textContent = s().text, document.body.appendChild(z);
           const G = z.offsetWidth;
           document.body.removeChild(z);
           const te = parseFloat(C.paddingLeft) || 0, fe = parseFloat(C.paddingRight) || 0, le = _.clientWidth - te - fe, Ie = G > le, me = $ || Ie;
-          s().text.trim() && me ? Q <= O ? (_.style.height = Q + "px", _.style.overflowY = "hidden") : (_.style.height = O + "px", _.style.overflowY = "auto", _.scrollTop = k) : (_.style.height = D + "px", _.style.overflowY = "hidden");
+          s().text.trim() && me ? F <= O ? (_.style.height = F + "px", _.style.overflowY = "hidden") : (_.style.height = O + "px", _.style.overflowY = "auto", _.scrollTop = k) : (_.style.height = D + "px", _.style.overflowY = "hidden");
         });
       },
       { immediate: !0 }
@@ -1735,7 +1735,7 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
   },
   emits: ["action"],
   setup(e, { emit: f }) {
-    const t = e, n = f, a = Y(() => [...t.buttons].sort((i, r) => i.order - r.order)), s = (i) => {
+    const t = e, n = f, a = P(() => [...t.buttons].sort((i, r) => i.order - r.order)), s = (i) => {
       typeof i.action == "function" ? i.action() : i.action != null && n("action", i.action);
     };
     return (i, r) => (l(), u("div", {
@@ -1820,17 +1820,17 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
   setup(e, { emit: f }) {
     const t = y(), n = y(), a = y(), s = y(!1), i = y(!1), r = y(!1), c = y(!1), d = y(!1), A = y(!1), g = y(!1), p = y("");
     let w = null;
-    const v = e, b = se("chatAppId"), { setReply: M, getMessage: T, resetReply: E } = Ve(b), _ = f, k = Y(() => !!(i.value && v.objects.length > 0 && v.objects[v.objects.length - 1].keyboard)), C = (q) => {
-      _("keyboardAction", q);
-    }, m = (q) => {
-      _("feedAction", q);
+    const v = e, b = se("chatAppId"), { setReply: M, getMessage: T, resetReply: E } = Ve(b), _ = f, k = P(() => !!(i.value && v.objects.length > 0 && v.objects[v.objects.length - 1].keyboard)), C = (Q) => {
+      _("keyboardAction", Q);
+    }, m = (Q) => {
+      _("feedAction", Q);
     };
-    function I(q = !0) {
-      const H = N(n);
+    function I(Q = !0) {
+      const q = N(n);
       let j = 0;
       a.value && (j = a.value.refKeyboard.clientHeight);
-      const F = 100, P = H.scrollHeight - H.scrollTop - H.clientHeight;
-      P < F + j ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), A.value ? (H.scrollTop < 300 && (d.value = !1, r.value = !1), P < 300 && (c.value = !1, d.value = !0)) : q && (H.scrollTop < 300 && (r.value = !1), P < 300 && (c.value = !1)), ke(), g.value = !0, w && window.clearTimeout(w), w = window.setTimeout(() => {
+      const Y = 100, H = q.scrollHeight - q.scrollTop - q.clientHeight;
+      H < Y + j ? (s.value = !1, i.value = !0) : (s.value = !0, i.value = !1), A.value ? (q.scrollTop < 300 && (d.value = !1, r.value = !1), H < 300 && (c.value = !1, d.value = !0)) : Q && (q.scrollTop < 300 && (r.value = !1), H < 300 && (c.value = !1)), ke(), g.value = !0, w && window.clearTimeout(w), w = window.setTimeout(() => {
         g.value = !1;
       }, 500);
     }
@@ -1840,12 +1840,12 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
         c.value || _("loadMoreDown"), r.value || _("loadMore");
       }
     );
-    const D = (q) => {
-      const H = N(n);
-      (q.offsetX > H.clientWidth || q.offsetY > H.clientHeight) && (A.value = !0);
+    const D = (Q) => {
+      const q = N(n);
+      (Q.offsetX > q.clientWidth || Q.offsetY > q.clientHeight) && (A.value = !0);
     }, O = () => {
       A.value = !1;
-    }, Q = di(() => I(), 250), ee = (q) => ({
+    }, F = di(() => I(), 250), ee = (Q) => ({
       "message.text": T3,
       "message.image": y3,
       "message.file": l3,
@@ -1856,11 +1856,13 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
       "message.delimiter": CA,
       "system.date": t4,
       "message.typing": gn
-    })[q];
+    })[Q];
     function $() {
       he(function() {
-        const q = N(n);
-        q.scrollTop = q.scrollHeight;
+        const Q = N(n);
+        Q && (Q.scrollTop = Q.scrollHeight, setTimeout(() => {
+          Q.scrollTop = Q.scrollHeight;
+        }, 300));
       });
     }
     function z() {
@@ -1873,30 +1875,30 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
       },
       { immediate: !0 }
     );
-    const G = (q) => {
-      _("messageAction", q);
-    }, te = (q) => {
-      _("clickRepliedMessage", q);
-    }, fe = (q, H) => {
-      if (v.enableDoubleClickReply && (q == null || q.preventDefault(), H.type.indexOf("system") == -1 && H.type.indexOf("typing") == -1)) {
+    const G = (Q) => {
+      _("messageAction", Q);
+    }, te = (Q) => {
+      _("clickRepliedMessage", Q);
+    }, fe = (Q, q) => {
+      if (v.enableDoubleClickReply && (Q == null || Q.preventDefault(), q.type.indexOf("system") == -1 && q.type.indexOf("typing") == -1)) {
         const j = document.getElementById("chat-input-reply-line-" + b);
         j && (j.style.display = "inherit"), M({
-          messageId: H.messageId,
-          type: H.type,
-          text: H.text,
-          filename: H.filename,
-          url: H.url,
-          header: H.header,
-          callDuration: H.callDuration
+          messageId: q.messageId,
+          type: q.type,
+          text: q.text,
+          filename: q.filename,
+          url: q.url,
+          header: q.header,
+          callDuration: q.callDuration
         });
       }
     }, le = () => {
       E();
-      const q = document.getElementById("chat-input-reply-line-" + b);
-      q && (q.style.display = "none");
-    }, Ie = (q) => {
-      q.forEach((H) => {
-        H.isIntersecting && _("messageVisible", JSON.parse(H.target.id));
+      const Q = document.getElementById("chat-input-reply-line-" + b);
+      Q && (Q.style.display = "none");
+    }, Ie = (Q) => {
+      Q.forEach((q) => {
+        q.isIntersecting && _("messageVisible", JSON.parse(q.target.id));
       });
     }, me = {
       root: document.getElementById("feed-container-" + b),
@@ -1908,70 +1910,75 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
       () => {
         he(() => {
           if (r.value = !0, c.value = !0, I(!1), A.value) {
-            const q = N(n);
-            d.value && (q.scrollTop = q.scrollHeight - 400), d.value || (q.scrollTop = 400);
+            const Q = N(n);
+            d.value && (Q.scrollTop = Q.scrollHeight - 400), d.value || (Q.scrollTop = 400);
+          }
+          if (t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((Q) => $e.observe(Q)), v.scrollToBottom) {
+            const Q = N(n);
+            Q && (Q.scrollTop = Q.scrollHeight, setTimeout(() => {
+              Q.scrollTop = Q.scrollHeight;
+            }, 100));
           }
-          t.value = document.querySelectorAll(".tracking-message"), t.value.forEach((q) => $e.observe(q));
         });
       },
       { immediate: !0 }
     ), ae(
       () => v.scrollTo,
       () => {
-        var q;
+        var Q;
         if (v.scrollTo) {
-          const H = v.scrollTo;
-          let j = document.getElementById(H), F = document.getElementById("feed-container-" + b);
-          j instanceof HTMLElement && F instanceof HTMLElement && (F.scrollTop = j.offsetTop + j.clientHeight / 2 - F.clientHeight / 2), (q = document.getElementById(H)) == null || q.children[0].classList.add("focused-message"), setTimeout(() => {
-            var P;
-            (P = document.getElementById(H)) == null || P.children[0].classList.remove("focused-message");
+          const q = v.scrollTo;
+          let j = document.getElementById(q), Y = document.getElementById("feed-container-" + b);
+          j instanceof HTMLElement && Y instanceof HTMLElement && (Y.scrollTop = j.offsetTop + j.clientHeight / 2 - Y.clientHeight / 2), (Q = document.getElementById(q)) == null || Q.children[0].classList.add("focused-message"), setTimeout(() => {
+            var H;
+            (H = document.getElementById(q)) == null || H.children[0].classList.remove("focused-message");
           }, 2e3);
         }
       }
     );
-    const Re = Y(() => !v.objects || v.objects.length === 0 ? [] : v.objects.map((q, H, j) => {
-      const F = H > 0 && j[H - 1].position === q.position && j[H - 1].header === q.header, P = H > 0 && !["message.system", "message.typing"].includes(j[H - 1].type);
+    const Re = P(() => !v.objects || v.objects.length === 0 ? [] : v.objects.map((Q, q, j) => {
+      const Y = q > 0 && j[q - 1].position === Q.position && j[q - 1].header === Q.header, H = q > 0 && !["message.system", "message.typing"].includes(j[q - 1].type);
       return {
-        ...q,
-        isFirstInSeries: !F || !P
+        ...Q,
+        isFirstInSeries: !Y || !H
       };
     }));
     function ke() {
-      const q = N(n);
-      if (!q || !t.value) return;
-      const H = q.getBoundingClientRect().top;
+      const Q = N(n);
+      if (!Q || !t.value) return;
+      const q = Q.getBoundingClientRect().top;
       let j = null;
-      for (const F of t.value) {
-        const P = F.getBoundingClientRect();
-        if (P.top <= H + 1 && P.bottom > H) {
-          j = F;
+      for (const Y of t.value) {
+        const H = Y.getBoundingClientRect();
+        if (H.top <= q + 1 && H.bottom > q) {
+          j = Y;
           break;
         }
       }
       if (!j) {
-        for (const F of t.value)
-          if (F.getBoundingClientRect().top >= H) {
-            j = F;
+        for (const Y of t.value)
+          if (Y.getBoundingClientRect().top >= q) {
+            j = Y;
             break;
           }
       }
       if (j)
         try {
-          const F = JSON.parse(j.id);
-          if (!F || !F.timestamp) return;
-          const P = new Date(Number(F.timestamp) * 1e3);
-          p.value = P.toLocaleDateString();
+          const Y = JSON.parse(j.id);
+          if (!Y || !Y.timestamp) return;
+          const H = new Date(Number(Y.timestamp) * 1e3);
+          p.value = H.toLocaleDateString();
         } catch {
         }
     }
-    return (q, H) => (l(), u(Z, null, [
+    return (Q, q) => (l(), u(Z, null, [
       e.objects.length > 0 || e.typing ? (l(), u("div", {
         key: 0,
         id: "feed-container-" + N(b),
         ref_key: "refFeed",
         ref: n,
         class: "message-feed",
-        onScroll: H[0] || (H[0] = (j) => N(Q)()),
+        onScroll: q[0] || (q[0] = (j) => N(F)()),
         onMousedown: D,
         onMouseup: O
       }, [
@@ -1985,14 +1992,14 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
           ]),
           _: 1
         }),
-        (l(!0), u(Z, null, oe(Re.value, (j, F) => (l(), u("div", {
+        (l(!0), u(Z, null, oe(Re.value, (j, Y) => (l(), u("div", {
           id: JSON.stringify(j),
-          key: `${j.messageId ?? "mid"}-${F}`,
+          key: `${j.messageId ?? "mid"}-${Y}`,
           class: "tracking-message",
-          onDblclick: (P) => fe(P, j)
+          onDblclick: (H) => fe(H, j)
         }, [
           (l(), B(Le(ee(j.type)), {
-            key: `${j.messageId ?? "mid"}-${F}`,
+            key: `${j.messageId ?? "mid"}-${Y}`,
             class: "message-feed__message",
             message: j,
             "apply-style": e.applyStyle,
@@ -2030,7 +2037,7 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
               onClick: z
             }, [
               e.buttonParams ? (l(), u("div", yi, x(e.buttonParams.unreadAmount), 1)) : h("", !0),
-              H[1] || (H[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+              q[1] || (q[1] = o("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
             ])) : h("", !0)
           ]),
           _: 1
@@ -2048,7 +2055,7 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
         class: "message-feed"
       }, [
         o("div", Mi, [
-          ie(q.$slots, "empty-feed", {}, void 0, !0)
+          ie(Q.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 512)),
       N(T)().reply ? (l(), B(Ce, {
@@ -2063,7 +2070,7 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
       ], 8, ["to"])) : h("", !0)
     ], 64));
   }
-}), d6 = /* @__PURE__ */ L(wi, [["__scopeId", "data-v-f0522235"]]), Ci = {
+}), d6 = /* @__PURE__ */ L(wi, [["__scopeId", "data-v-cf601027"]]), Ci = {
   key: 0,
   class: "profile__container"
 }, Ii = {
@@ -2169,7 +2176,7 @@ const Ai = ["onClick"], gi = /* @__PURE__ */ K({
     const w = (M) => {
       const T = Math.floor(M / 60), E = Math.floor(M % 60);
       return `${T.toString().padStart(2, "0")}:${E.toString().padStart(2, "0")}`;
-    }, v = Y(() => s.value ? w(d.value) : "0:00"), b = Y(() => s.value || i.value ? w(c.value) : "0:00");
+    }, v = P(() => s.value ? w(d.value) : "0:00"), b = P(() => s.value || i.value ? w(c.value) : "0:00");
     return pe(() => {
       s.value != null && (s.value.addEventListener("loadedmetadata", () => {
         s.value != null && (s.value.duration == 1 / 0 || Number.isNaN(s.value.duration)) && (s.value.currentTime = 1e101, s.value.addEventListener("timeupdate", () => {
@@ -2351,7 +2358,7 @@ const no = /* @__PURE__ */ L(eo, [["render", to]]), ao = { key: 0 }, so = { key:
   },
   emits: ["fileUploaded"],
   setup(e, { emit: f }) {
-    const t = e, n = y(""), a = y(), s = y(), i = se("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: d, setRecordingMessage: A } = Ve(i), g = Y(() => !d().file), p = () => {
+    const t = e, n = y(""), a = y(), s = y(), i = se("chatAppId"), { setMessageFile: r, resetMessageFile: c, getMessage: d, setRecordingMessage: A } = Ve(i), g = P(() => !d().file), p = () => {
       const E = document.getElementById("chat-input-file-line-" + i);
       E && (E.style.display = "none"), c(), s.value = void 0, n.value = "";
     }, w = async () => {
@@ -2587,7 +2594,7 @@ const po = /* @__PURE__ */ L(Ao, [["render", mo]]), _o = ["data-theme"], ho = /*
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getTheme: t } = Ue(f), n = y(), a = y(), s = y(!1), i = e, r = Y(() => ({
+    const f = se("chatAppId"), { getTheme: t } = Ue(f), n = y(), a = y(), s = y(!1), i = e, r = P(() => ({
       tooltip__text: !0,
       [`tooltip--${i.position}`]: !0
     })), c = () => {
@@ -2655,9 +2662,9 @@ const po = /* @__PURE__ */ L(Ao, [["render", mo]]), _o = ["data-theme"], ho = /*
   },
   emits: ["selectItem"],
   setup(e, { emit: f }) {
-    const t = e, n = Pt(t, "sidebarItems"), a = Pt(t, "menuActions"), s = f, i = Y(
+    const t = e, n = Pt(t, "sidebarItems"), a = Pt(t, "menuActions"), s = f, i = P(
       () => n.value.filter((m) => m.isFixedBottom).sort((m, I) => I.notificationCount - m.notificationCount)
-    ), r = Y(
+    ), r = P(
       () => n.value.filter((m) => !m.isFixedBottom).sort((m, I) => I.notificationCount - m.notificationCount)
     ), c = (m) => {
       const I = n.value.find((D) => D.itemId === m);
@@ -2685,14 +2692,14 @@ const po = /* @__PURE__ */ L(Ao, [["render", mo]]), _o = ["data-theme"], ho = /*
         if (!m || !w.value) return;
         const I = m.querySelector(".sidebar__image");
         if (!I) return;
-        const D = E(I), O = 12, Q = 160;
+        const D = E(I), O = 12, F = 160;
         T.value = !0, M.value = O, setTimeout(() => {
           b.value = D, requestAnimationFrame(() => {
             M.value = 40, setTimeout(() => {
               T.value = !1;
-            }, Q);
+            }, F);
           });
-        }, Q);
+        }, F);
       } catch {
       }
     }, C = () => _();
@@ -2723,7 +2730,7 @@ const po = /* @__PURE__ */ L(Ao, [["render", mo]]), _o = ["data-theme"], ho = /*
           (l(!0), u(Z, null, oe(i.value, (D, O) => (l(), u("li", {
             key: O,
             class: S(["sidebar__item-fixed", { "sidebar-horizontal__item": e.horizontal }]),
-            onClick: (Q) => d(Q, D.itemId)
+            onClick: (F) => d(F, D.itemId)
           }, [
             D.name ? (l(), B(tf, {
               key: 0,
@@ -2754,7 +2761,7 @@ const po = /* @__PURE__ */ L(Ao, [["render", mo]]), _o = ["data-theme"], ho = /*
           (l(!0), u(Z, null, oe(r.value, (D, O) => (l(), u("li", {
             key: O,
             class: S(["sidebar__item", { "sidebar-horizontal__item": e.horizontal }]),
-            onClick: (Q) => d(Q, D.itemId)
+            onClick: (F) => d(F, D.itemId)
           }, [
             D.name ? (l(), B(tf, {
               key: 0,
@@ -3024,9 +3031,9 @@ const b6 = (e, f = null) => {
       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(() => If(t.chat["lastMessage.status"]));
+    }), w = P(() => If(t.chat["lastMessage.status"]));
     let v;
-    const b = y(0), M = [Te("component.ChatItem.typing") + ".", Te("component.ChatItem.typing") + "..", Te("component.ChatItem.typing") + "..."], T = Y(() => t.chat.typing ? M[b.value] : t.chat.lastMessage);
+    const b = y(0), M = [Te("component.ChatItem.typing") + ".", Te("component.ChatItem.typing") + "..", Te("component.ChatItem.typing") + "..."], T = P(() => t.chat.typing ? M[b.value] : t.chat.lastMessage);
     ae(
       () => t.chat.typing,
       () => {
@@ -3328,10 +3335,10 @@ const Vl = /* @__PURE__ */ L(El, [["render", Sl]]), Ll = { class: "contact-info"
         attributeId: a.value,
         channelId: b.channelId
       });
-    }, c = (b) => (b == null ? void 0 : b.replace(/\D/g, "")) || "", d = Y(() => {
+    }, c = (b) => (b == null ? void 0 : b.replace(/\D/g, "")) || "", d = P(() => {
       var b;
       return (b = t.contact.attributes) == null ? void 0 : b.find((M) => M.id === a.value);
-    }), A = Y(() => {
+    }), A = P(() => {
       if (s.value)
         return s.value;
       if (!d.value) return t.channels[0] || null;
@@ -3341,7 +3348,7 @@ const Vl = /* @__PURE__ */ L(El, [["render", Sl]]), Ll = { class: "contact-info"
         const E = ((m = T.title) == null ? void 0 : m.toLowerCase()) || "", _ = ((I = T.channelId) == null ? void 0 : I.toLowerCase()) || "", k = E.includes(b), C = ["whatsapp", "waba", "telegram"].some((D) => _.includes(D));
         return k && C;
       }) || t.channels[0] || { title: "default", channelId: "fallback" } : t.channels[0] || null;
-    }), g = Y(() => t.channels), p = (b) => b ? b.includes("whatsapp") || b.includes("waba") ? Tl : b.includes("telegram") ? Vl : null : null, w = (b) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === b.id, v = (b) => {
+    }), g = P(() => t.channels), p = (b) => b ? b.includes("whatsapp") || b.includes("waba") ? Tl : b.includes("telegram") ? Vl : null : null, w = (b) => !t.currentDialog || !Object.keys(t.currentDialog) ? !1 : t.currentDialog.attributeId === b.id, v = (b) => {
       n("select-attribute-channel", {
         attributeId: b.id,
         channelId: s.value.channelId
@@ -3485,7 +3492,7 @@ const Vl = /* @__PURE__ */ L(El, [["render", Sl]]), Ll = { class: "contact-info"
   setup(e, { emit: f }) {
     const t = e, n = se("chatAppId"), { setMessageText: a } = Ve(n), s = () => {
       i("closeTemplateWindow"), a(c.value.template);
-    }, i = f, r = y(null), c = y(null), d = y(""), A = y(), g = y(""), p = y(""), w = y(""), v = y(!1), b = Y(() => !!(v.value && (w.value == "grid" && p.value == "none" || p.value == "grid" && g.value == "none"))), M = Y(() => !!(v.value && (g.value == "grid" && p.value == "none" || p.value == "grid" && w.value == "none"))), T = () => {
+    }, i = f, r = y(null), c = y(null), d = y(""), A = y(), g = y(""), p = y(""), w = y(""), v = y(!1), b = P(() => !!(v.value && (w.value == "grid" && p.value == "none" || p.value == "grid" && g.value == "none"))), M = P(() => !!(v.value && (g.value == "grid" && p.value == "none" || p.value == "grid" && w.value == "none"))), T = () => {
       v.value && (p.value == "grid" ? _() : w.value == "grid" && C());
     }, E = () => {
       v.value && (p.value == "grid" ? k() : g.value == "grid" && C());
@@ -3505,7 +3512,7 @@ const Vl = /* @__PURE__ */ L(El, [["render", Sl]]), Ll = { class: "contact-info"
       t.templates.forEach((z) => z.isSelected = !1), $.isSelected = !0, c.value = $, k();
     }, D = () => {
       C(), t.templates.forEach(($) => $.isSelected = !1);
-    }, O = Y(() => r.value ? t.templates.filter(($) => $.groupId === r.value.groupId) : t.templates), Q = Y(() => {
+    }, O = P(() => r.value ? t.templates.filter(($) => $.groupId === r.value.groupId) : t.templates), F = P(() => {
       const $ = d.value.trim().toLowerCase();
       return O.value.filter((z) => z.title.toLowerCase().includes($) || z.template.toLowerCase().includes($));
     }), ee = new ResizeObserver(($) => {
@@ -3593,8 +3600,8 @@ const Vl = /* @__PURE__ */ L(El, [["render", Sl]]), Ll = { class: "contact-info"
               ])
             ]),
             o("div", A0, [
-              Q.value.length !== 0 ? (l(), u("ul", g0, [
-                (l(!0), u(Z, null, oe(Q.value, (G, te) => (l(), u("li", {
+              F.value.length !== 0 ? (l(), u("ul", g0, [
+                (l(!0), u(Z, null, oe(F.value, (G, te) => (l(), u("li", {
                   key: te,
                   class: S(["template-selector__item-template", { "template-selector__item-selected": G.isSelected }]),
                   onClick: (fe) => I(G)
@@ -4022,21 +4029,21 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
         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 = 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();
     }, r = (j) => {
       g.value = j;
     }, c = y(null), d = y(null), A = y(null), g = y(null), p = y(""), w = y(!1), v = () => {
       w.value = !w.value, w.value ? (c.value.scrollTop = 0, c.value.style["overflow-y"] = "hidden") : c.value.style["overflow-y"] = "scroll";
     }, b = (j) => {
-      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();
+      Object.keys(_).forEach((Y) => {
+        _[Y] = "";
+      }), g.value = null, t.wabaTemplates.forEach((Y) => Y.isSelected = !1), j.isSelected = !0, A.value = j, w.value = !1, te();
     }, M = () => {
       fe(), t.wabaTemplates.forEach((j) => j.isSelected = !1);
-    }, T = Y(() => d.value ? t.wabaTemplates.filter((j) => j.groupId === d.value.groupId) : t.wabaTemplates), E = Y(() => {
+    }, T = P(() => d.value ? t.wabaTemplates.filter((j) => j.groupId === d.value.groupId) : t.wabaTemplates), E = P(() => {
       const j = p.value.trim().toLowerCase();
-      return T.value.filter((F) => F.title.toLowerCase().includes(j) || F.template.toLowerCase().includes(j));
-    }), _ = _n({}), k = y(null), C = y(), m = y(""), I = y(""), D = y(""), O = y(!1), Q = Y(() => !!(O.value && (D.value == "grid" && I.value == "none" || I.value == "grid" && m.value == "none"))), ee = Y(() => !!(O.value && (m.value == "grid" && I.value == "none" || I.value == "grid" && D.value == "none"))), $ = () => {
+      return T.value.filter((Y) => Y.title.toLowerCase().includes(j) || Y.template.toLowerCase().includes(j));
+    }), _ = _n({}), k = y(null), C = y(), m = y(""), I = y(""), D = y(""), O = y(!1), F = P(() => !!(O.value && (D.value == "grid" && I.value == "none" || I.value == "grid" && m.value == "none"))), ee = P(() => !!(O.value && (m.value == "grid" && I.value == "none" || I.value == "grid" && D.value == "none"))), $ = () => {
       O.value && (I.value == "grid" ? G() : D.value == "grid" && fe());
     }, z = () => {
       O.value && (I.value == "grid" ? te() : m.value == "grid" && fe());
@@ -4050,48 +4057,48 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
       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), F = window.getComputedStyle(j);
-      m.value = F.getPropertyValue("--chotto-waba-template-first-col-display"), I.value = F.getPropertyValue("--chotto-waba-template-second-col-display"), D.value = F.getPropertyValue("--chotto-waba-template-third-col-display");
+      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"), D.value = Y.getPropertyValue("--chotto-waba-template-third-col-display");
     }, Ie = (j) => {
       _[j[1]] = j[0];
-    }, me = Y(() => {
+    }, me = P(() => {
       var ye;
       const j = (ye = A.value) == null ? void 0 : ye.template;
       if (!j) return [];
-      const F = [...j.matchAll(/{{\d+}}/g)], P = [];
+      const Y = [...j.matchAll(/{{\d+}}/g)], H = [];
       let re = 0;
-      return F.forEach((Qe) => {
-        Qe.index > re && P.push(j.substring(re, Qe.index)), P.push({ index: parseInt(Qe[0].slice(2, -2)) }), re = Qe.index + Qe[0].length;
-      }), re < j.length && P.push(j.substring(re)), P;
-    }), $e = Y(() => {
-      var F, P;
+      return Y.forEach((Qe) => {
+        Qe.index > re && H.push(j.substring(re, Qe.index)), H.push({ index: parseInt(Qe[0].slice(2, -2)) }), re = Qe.index + Qe[0].length;
+      }), re < j.length && H.push(j.substring(re)), H;
+    }), $e = P(() => {
+      var Y, H;
       if (!A.value)
         return !0;
-      if (!((F = A.value) != null && F.template.match(/{{\d+}}/gi)))
+      if (!((Y = A.value) != null && Y.template.match(/{{\d+}}/gi)))
         return !1;
-      const j = Object.keys(_).length !== ((P = A.value) == null ? void 0 : P.template.match(/{{\d+}}/gi).length);
+      const j = Object.keys(_).length !== ((H = A.value) == null ? void 0 : H.template.match(/{{\d+}}/gi).length);
       return A.value.type === "TEXT" ? j : A.value.type !== "TEXT" ? j || !g.value : !1;
     }), Re = () => {
       Object.keys(_).forEach((j) => {
         _[j] = "";
       }), g.value = null, A.value = null, t.wabaTemplates.forEach((j) => j.isSelected = !1);
-    }, ke = Y(() => {
+    }, ke = P(() => {
       console.log(me.value, A.value.buttons);
-      let j = me.value.map((P) => typeof P == "string" ? P : _[P.index]).join(""), F = "";
-      return A.value.buttons && (F = A.value.buttons.map((P) => `
-| [` + P.text + "]").join("")), j.concat(F);
-    }), q = Y(() => {
+      let j = me.value.map((H) => typeof H == "string" ? H : _[H.index]).join(""), Y = "";
+      return A.value.buttons && (Y = A.value.buttons.map((H) => `
+| [` + H.text + "]").join("")), j.concat(Y);
+    }), Q = P(() => {
       const j = [];
-      for (const F in _)
-        _[F] !== "" && _[F] !== "Заполнить" && j.push(_[F]);
+      for (const Y in _)
+        _[Y] !== "" && _[Y] !== "Заполнить" && j.push(_[Y]);
       return j;
-    }), H = new ResizeObserver((j) => {
-      const F = j[0].target.clientWidth;
-      F > 700 && (O.value = !1), F < 700 && (O.value = !0);
+    }), q = new ResizeObserver((j) => {
+      const Y = j[0].target.clientWidth;
+      Y > 700 && (O.value = !1), Y < 700 && (O.value = !0);
     });
     return pe(() => {
-      le(), N(C) && H.observe(N(C));
-    }), (j, F) => (l(), u("div", G0, [
+      le(), N(C) && q.observe(N(C));
+    }), (j, Y) => (l(), u("div", G0, [
       o("div", {
         id: "waba-template-selector-container-" + N(n),
         ref_key: "refContainer",
@@ -4103,7 +4110,7 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
       }, [
         o("div", eu, [
           o("div", fu, [
-            Q.value ? (l(), u("button", tu, [
+            F.value ? (l(), u("button", tu, [
               o("span", {
                 class: "pi pi-arrow-left",
                 onClick: $
@@ -4126,28 +4133,28 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
         o("div", au, [
           o("div", su, [
             o("ul", iu, [
-              (l(!0), u(Z, null, oe(e.groupTemplates, (P, re) => (l(), u("li", {
+              (l(!0), u(Z, null, oe(e.groupTemplates, (H, re) => (l(), u("li", {
                 key: re,
-                class: S(["template-selector__item-group", { "template-selector__item-selected": d.value === P }]),
+                class: S(["template-selector__item-group", { "template-selector__item-selected": d.value === H }]),
                 onClick: M
               }, [
                 o("label", ou, [
-                  P.iconUrl ? (l(), u("img", {
+                  H.iconUrl ? (l(), u("img", {
                     key: 0,
                     class: "template-selector__item-group-icon",
-                    src: P.iconUrl,
-                    alt: P.title
+                    src: H.iconUrl,
+                    alt: H.title
                   }, null, 8, lu)) : h("", !0),
                   ge(o("input", {
                     id: re,
-                    "onUpdate:modelValue": F[0] || (F[0] = (ye) => d.value = ye),
-                    value: P,
+                    "onUpdate:modelValue": Y[0] || (Y[0] = (ye) => d.value = ye),
+                    value: H,
                     class: "template-selector__input-group",
                     type: "radio"
                   }, null, 8, uu), [
                     [wt, d.value]
                   ]),
-                  o("span", null, x(P.title), 1)
+                  o("span", null, x(H.title), 1)
                 ])
               ], 2))), 128))
             ])
@@ -4155,7 +4162,7 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
           o("div", cu, [
             o("div", ru, [
               ge(o("input", {
-                "onUpdate:modelValue": F[1] || (F[1] = (P) => p.value = P),
+                "onUpdate:modelValue": Y[1] || (Y[1] = (H) => p.value = H),
                 class: "template-selector__searching-input",
                 type: "text",
                 placeholder: "Поиск шаблона"
@@ -4165,14 +4172,14 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
             ]),
             o("div", du, [
               E.value.length !== 0 ? (l(), u("ul", Au, [
-                (l(!0), u(Z, null, oe(E.value, (P, re) => (l(), u("li", {
+                (l(!0), u(Z, null, oe(E.value, (H, re) => (l(), u("li", {
                   key: re,
-                  class: S(["template-selector__item-template", { "template-selector__item-selected": P.isSelected }]),
-                  onClick: (ye) => b(P)
+                  class: S(["template-selector__item-template", { "template-selector__item-selected": H.isSelected }]),
+                  onClick: (ye) => b(H)
                 }, [
                   o("div", mu, [
-                    o("p", pu, x(P.title), 1),
-                    o("p", _u, x(P.template), 1)
+                    o("p", pu, x(H.title), 1),
+                    o("p", _u, x(H.template), 1)
                   ])
                 ], 10, gu))), 128))
               ])) : (l(), u("p", hu, " Шаблоны отсутствуют "))
@@ -4193,18 +4200,18 @@ const E0 = /* @__PURE__ */ L(N0, [["render", T0]]), j0 = { class: "" }, S0 = {
                     onFileSelected: r
                   }, null, 8, ["type", "template-id"])) : h("", !0),
                   o("div", Mu, [
-                    (l(!0), u(Z, null, oe(me.value, (P, re) => (l(), u(Z, { key: re }, [
-                      typeof P == "string" ? (l(), u("span", wu, x(P), 1)) : typeof P == "object" ? (l(), B(O0, {
+                    (l(!0), u(Z, null, oe(me.value, (H, re) => (l(), u(Z, { key: re }, [
+                      typeof H == "string" ? (l(), u("span", wu, x(H), 1)) : typeof H == "object" ? (l(), B(O0, {
                         key: 1,
-                        index: P.index,
-                        value: _[P.index] || "Заполнить",
-                        "is-filled": !!_[P.index],
-                        onClick: (ye) => k.value = P.index,
+                        index: H.index,
+                        value: _[H.index] || "Заполнить",
+                        "is-filled": !!_[H.index],
+                        onClick: (ye) => k.value = H.index,
                         onEdit: Ie
                       }, null, 8, ["index", "value", "is-filled", "onClick"])) : h("", !0)
                     ], 64))), 128))
                   ]),
-                  F[2] || (F[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
+                  Y[2] || (Y[2] = o("p", { class: "template-selector__preview-time" }, " 22:22 ", -1)),
                   A.value.buttons ? (l(), B(H0, {
                     key: 1,
                     buttons: A.value.buttons,
@@ -16789,8 +16796,8 @@ function on(e) {
     }
     if (a === be || (a === ve || a === je) && s === Wf) {
       _ = Se;
-      var Q = g && C.visualViewport ? C.visualViewport.width : m[D];
-      v -= Q - n.width, v *= c ? 1 : -1;
+      var F = g && C.visualViewport ? C.visualViewport.width : m[D];
+      v -= F - n.width, v *= c ? 1 : -1;
     }
   }
   var ee = Object.assign({
@@ -17001,10 +17008,10 @@ function Zf(e, f) {
     right: I.right - _.right + b.right
   }, O = e.modifiersData.offset;
   if (A === jf && O) {
-    var Q = O[a];
+    var F = O[a];
     Object.keys(D).forEach(function(ee) {
       var $ = [Se, je].indexOf(ee) >= 0 ? 1 : -1, z = [ve, je].indexOf(ee) >= 0 ? "y" : "x";
-      D[ee] += Q[z] * $;
+      D[ee] += F[z] * $;
     });
   }
   return D;
@@ -17038,8 +17045,8 @@ function Y2(e) {
 function P2(e) {
   var f = e.state, t = e.options, n = e.name;
   if (!f.modifiersData[n]._skip) {
-    for (var a = t.mainAxis, s = a === void 0 ? !0 : a, i = t.altAxis, r = i === void 0 ? !0 : i, c = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, p = t.altBoundary, w = t.flipVariations, v = w === void 0 ? !0 : w, b = t.allowedAutoPlacements, M = f.options.placement, T = qe(M), E = T === M, _ = c || (E || !v ? [g1(M)] : Y2(M)), k = [M].concat(_).reduce(function(H, j) {
-      return H.concat(qe(j) === Lt ? F2(f, {
+    for (var a = t.mainAxis, s = a === void 0 ? !0 : a, i = t.altAxis, r = i === void 0 ? !0 : i, c = t.fallbackPlacements, d = t.padding, A = t.boundary, g = t.rootBoundary, p = t.altBoundary, w = t.flipVariations, v = w === void 0 ? !0 : w, b = t.allowedAutoPlacements, M = f.options.placement, T = qe(M), E = T === M, _ = c || (E || !v ? [g1(M)] : Y2(M)), k = [M].concat(_).reduce(function(q, j) {
+      return q.concat(qe(j) === Lt ? F2(f, {
         placement: j,
         boundary: A,
         rootBoundary: g,
@@ -17047,8 +17054,8 @@ function P2(e) {
         flipVariations: v,
         allowedAutoPlacements: b
       }) : j);
-    }, []), C = f.rects.reference, m = f.rects.popper, I = /* @__PURE__ */ new Map(), D = !0, O = k[0], Q = 0; Q < k.length; Q++) {
-      var ee = k[Q], $ = qe(ee), z = yf(ee) === _f, G = [ve, je].indexOf($) >= 0, te = G ? "width" : "height", fe = Zf(f, {
+    }, []), C = f.rects.reference, m = f.rects.popper, I = /* @__PURE__ */ new Map(), D = !0, O = k[0], F = 0; F < k.length; F++) {
+      var ee = k[F], $ = qe(ee), z = yf(ee) === _f, G = [ve, je].indexOf($) >= 0, te = G ? "width" : "height", fe = Zf(f, {
         placement: ee,
         boundary: A,
         rootBoundary: g,
@@ -17057,8 +17064,8 @@ function P2(e) {
       }), le = G ? z ? Se : be : z ? je : ve;
       C[te] > m[te] && (le = g1(le));
       var Ie = g1(le), me = [];
-      if (s && me.push(fe[$] <= 0), r && me.push(fe[le] <= 0, fe[Ie] <= 0), me.every(function(H) {
-        return H;
+      if (s && me.push(fe[$] <= 0), r && me.push(fe[le] <= 0, fe[Ie] <= 0), me.every(function(q) {
+        return q;
       })) {
         O = ee, D = !1;
         break;
@@ -17067,18 +17074,18 @@ function P2(e) {
     }
     if (D)
       for (var $e = v ? 3 : 1, Re = function(j) {
-        var F = k.find(function(P) {
-          var re = I.get(P);
+        var Y = k.find(function(H) {
+          var re = I.get(H);
           if (re)
             return re.slice(0, j).every(function(ye) {
               return ye;
             });
         });
-        if (F)
-          return O = F, "break";
+        if (Y)
+          return O = Y, "break";
       }, ke = $e; ke > 0; ke--) {
-        var q = Re(ke);
-        if (q === "break")
+        var Q = Re(ke);
+        if (Q === "break")
           break;
       }
     f.placement !== O && (f.modifiersData[n]._skip = !0, f.placement = O, f.reset = !0);
@@ -17184,7 +17191,7 @@ function fc(e) {
     altBoundary: A
   }), T = qe(f.placement), E = yf(f.placement), _ = !E, k = zt(T), C = ec(k), m = f.modifiersData.popperOffsets, I = f.rects.reference, D = f.rects.popper, O = typeof b == "function" ? b(Object.assign({}, f.rects, {
     placement: f.placement
-  })) : b, Q = typeof O == "number" ? {
+  })) : b, F = typeof O == "number" ? {
     mainAxis: O,
     altAxis: O
   } : Object.assign({
@@ -17196,14 +17203,14 @@ function fc(e) {
   };
   if (m) {
     if (s) {
-      var z, G = k === "y" ? ve : be, te = k === "y" ? je : Se, fe = k === "y" ? "height" : "width", le = m[k], Ie = le + M[G], me = le - M[te], $e = w ? -D[fe] / 2 : 0, Re = E === _f ? I[fe] : D[fe], ke = E === _f ? -D[fe] : -I[fe], q = f.elements.arrow, H = w && q ? Ot(q) : {
+      var z, G = k === "y" ? ve : be, te = k === "y" ? je : Se, fe = k === "y" ? "height" : "width", le = m[k], Ie = le + M[G], me = le - M[te], $e = w ? -D[fe] / 2 : 0, Re = E === _f ? I[fe] : D[fe], ke = E === _f ? -D[fe] : -I[fe], Q = f.elements.arrow, q = w && Q ? Ot(Q) : {
         width: 0,
         height: 0
-      }, j = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Rn(), F = j[G], P = j[te], re = Rf(0, I[fe], H[fe]), ye = _ ? I[fe] / 2 - $e - re - F - Q.mainAxis : Re - re - F - Q.mainAxis, Qe = _ ? -I[fe] / 2 + $e + re + P + Q.mainAxis : ke + re + P + Q.mainAxis, Af = f.elements.arrow && Gf(f.elements.arrow), J1 = Af ? k === "y" ? Af.clientTop || 0 : Af.clientLeft || 0 : 0, n1 = (z = ee == null ? void 0 : ee[k]) != null ? z : 0, Nf = le + ye - n1 - J1, G1 = le + Qe - n1, a1 = Rf(w ? Y1(Ie, Nf) : Ie, le, w ? rf(me, G1) : me);
+      }, j = f.modifiersData["arrow#persistent"] ? f.modifiersData["arrow#persistent"].padding : Rn(), Y = j[G], H = j[te], re = Rf(0, I[fe], q[fe]), ye = _ ? I[fe] / 2 - $e - re - Y - F.mainAxis : Re - re - Y - F.mainAxis, Qe = _ ? -I[fe] / 2 + $e + re + H + F.mainAxis : ke + re + H + F.mainAxis, Af = f.elements.arrow && Gf(f.elements.arrow), J1 = Af ? k === "y" ? Af.clientTop || 0 : Af.clientLeft || 0 : 0, n1 = (z = ee == null ? void 0 : ee[k]) != null ? z : 0, Nf = le + ye - n1 - J1, G1 = le + Qe - n1, a1 = Rf(w ? Y1(Ie, Nf) : Ie, le, w ? rf(me, G1) : me);
       m[k] = a1, $[k] = a1 - le;
     }
     if (r) {
-      var s1, sf = k === "x" ? ve : be, i1 = k === "x" ? je : Se, Fe = m[C], of = C === "y" ? "height" : "width", U = Fe + M[sf], R = Fe - M[i1], Ae = [ve, be].indexOf(T) !== -1, Ye = (s1 = ee == null ? void 0 : ee[C]) != null ? s1 : 0, lf = Ae ? U : Fe - I[of] - D[of] - Ye + Q.altAxis, uf = Ae ? Fe + I[of] + D[of] - Ye - Q.altAxis : R, ne = w && Ae ? I2(lf, Fe, uf) : Rf(w ? lf : U, Fe, w ? uf : R);
+      var s1, sf = k === "x" ? ve : be, i1 = k === "x" ? je : Se, Fe = m[C], of = C === "y" ? "height" : "width", U = Fe + M[sf], R = Fe - M[i1], Ae = [ve, be].indexOf(T) !== -1, Ye = (s1 = ee == null ? void 0 : ee[C]) != null ? s1 : 0, lf = Ae ? U : Fe - I[of] - D[of] - Ye + F.altAxis, uf = Ae ? Fe + I[of] + D[of] - Ye - F.altAxis : R, ne = w && Ae ? I2(lf, Fe, uf) : Rf(w ? lf : U, Fe, w ? uf : R);
       m[C] = ne, $[C] = ne - Fe;
     }
     f.modifiersData[n] = $;
@@ -17342,8 +17349,8 @@ function rc(e) {
             A.rects = {
               reference: ic(E, 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);
+            }, A.reset = !1, A.placement = A.options.placement, A.orderedModifiers.forEach(function(F) {
+              return A.modifiersData[F.name] = Object.assign({}, F.data);
             });
             for (var k = 0; k < A.orderedModifiers.length; k++) {
               if (A.reset === !0) {
@@ -17450,12 +17457,12 @@ const mc = K({
     select: (e) => !0
   },
   setup() {
-    const { state: e, updateEmoji: f, updateSelect: t } = se("store"), n = y(null), a = Y(() => gc(
+    const { state: e, updateEmoji: f, updateSelect: t } = se("store"), n = y(null), a = P(() => gc(
       e.emojis,
       e.search,
       e.skinTone,
       e.options.disabledGroups
-    )), s = Jn(), i = Y(() => !e.options.hideGroupNames), r = Y(() => !e.options.disableStickyGroupNames), c = hn(e.options.groupNames), d = e.orderedGroupKeys;
+    )), s = Jn(), i = P(() => !e.options.hideGroupNames), r = P(() => !e.options.disableStickyGroupNames), c = hn(e.options.groupNames), d = e.orderedGroupKeys;
     e.options.additionalGroups && Object.keys(e.options.additionalGroups).map((v) => {
       e.options.groupNames[v] ? c[v] = e.options.groupNames[v] : c[v] = Wn(v);
     });
@@ -17547,9 +17554,9 @@ var Cc = /* @__PURE__ */ Xf(mc, [["render", wc]]), Ic = "data:image/svg+xml;base
 const Sc = K({
   name: "Header",
   setup(e) {
-    const { state: f, updateSearch: t, updateActiveGroup: n } = se("store"), a = Y(() => !f.options.hideSearch), s = Y(() => !f.options.hideGroupIcons), i = JSON.parse(JSON.stringify(f.orderedGroupKeys)), r = Y(
+    const { state: f, updateSearch: t, updateActiveGroup: n } = se("store"), a = P(() => !f.options.hideSearch), s = P(() => !f.options.hideGroupIcons), i = JSON.parse(JSON.stringify(f.orderedGroupKeys)), r = P(
       () => f.options.staticTexts.placeholder || ""
-    ), c = Y({
+    ), c = P({
       get: () => f.search,
       set: (g) => t(g)
     }), d = [
@@ -17635,9 +17642,9 @@ var Fc = /* @__PURE__ */ Xf(Sc, [["render", Qc]]);
 const Yc = K({
   name: "Header",
   setup() {
-    const { state: e, updateSkinTone: f } = se("store"), t = y(!1), n = y(!1), a = Y(() => e.skinTone), s = Y(
+    const { state: e, updateSkinTone: f } = se("store"), t = y(!1), n = y(!1), a = P(() => e.skinTone), s = P(
       () => e.options.staticTexts.skinTone || "Skin tone"
-    ), i = Y(() => !e.options.disableSkinTones), r = qn() ? "is-mac" : "", c = Y(() => ({
+    ), i = P(() => !e.options.disableSkinTones), r = qn() ? "is-mac" : "", c = P(() => ({
       ...e.emoji,
       src: jn + "/" + e.emoji[qf] + ".png"
     }));
@@ -17757,7 +17764,7 @@ const Xc = K({
   setup(e, { emit: f }) {
     const t = y(), n = y(), a = y(), s = y(!1), i = y(e.text), r = e.type === "input" || e.type === "textarea";
     let c = -1;
-    const { state: d } = se("store"), A = Y(() => d.options.colorTheme);
+    const { state: d } = se("store"), A = P(() => d.options.colorTheme);
     function g(M) {
       if (r) {
         const T = d.options.mode;
@@ -26780,7 +26787,7 @@ const Nr = { class: "feed-search__container" }, xr = { style: { "line-height": "
   },
   emits: ["search", "cancel", "switch"],
   setup(e, { emit: f }) {
-    const t = se("chatAppId"), { getModel: n } = kr(t), a = f, s = e, i = y(), r = Dr("", 500), c = Y(() => s.isFeedLocation ? "40px" : (s.isFeedLocation, "20px"));
+    const t = se("chatAppId"), { getModel: n } = kr(t), a = f, s = e, i = y(), r = Dr("", 500), c = P(() => s.isFeedLocation ? "40px" : (s.isFeedLocation, "20px"));
     ae(
       () => [n().text, r.value],
       () => {
@@ -26840,7 +26847,7 @@ const Nr = { class: "feed-search__container" }, xr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = e, t = Y(() => {
+    const f = e, t = P(() => {
       const n = {
         "message.file": "pi pi-file",
         "message.audio": "pi pi-volume-up",
@@ -26905,7 +26912,7 @@ const Nr = { class: "feed-search__container" }, xr = { style: { "line-height": "
   },
   emits: ["clickedSearch", "loadMore"],
   setup(e, { emit: f }) {
-    const t = f, n = e, a = y(), s = y(null), i = Y(() => n.notFound ? Te("component.FeedFoundObjects.notFound") : n.notFound ? "" : Te("component.FeedFoundObjects.notSearched")), r = (d) => {
+    const t = f, n = e, a = y(), s = y(null), i = P(() => n.notFound ? Te("component.FeedFoundObjects.notFound") : n.notFound ? "" : Te("component.FeedFoundObjects.notSearched")), r = (d) => {
       d.messageId && (t("clickedSearch", d.messageId), s.value = d);
     }, c = () => {
       const d = N(a);
@@ -26950,9 +26957,9 @@ const Nr = { class: "feed-search__container" }, xr = { style: { "line-height": "
     }
   },
   setup(e) {
-    const f = se("chatAppId"), { getMessage: t, setMessageFile: n, resetMessageFile: a, setRecordingMessage: s } = Ve(f), i = y(), r = y(0), c = y(0), d = y(0), A = y(0), g = Y(() => {
-      let D = A.value < 10 ? "0" + A.value : A.value, O = d.value < 10 ? "0" + d.value : d.value, Q = c.value < 10 ? "0" + c.value : c.value, ee = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
-      return D + ":" + O + ":" + Q + ":" + ee;
+    const f = se("chatAppId"), { getMessage: t, setMessageFile: n, resetMessageFile: a, setRecordingMessage: s } = Ve(f), i = y(), r = y(0), c = y(0), d = y(0), A = y(0), g = P(() => {
+      let D = A.value < 10 ? "0" + A.value : A.value, O = d.value < 10 ? "0" + d.value : d.value, F = c.value < 10 ? "0" + c.value : c.value, ee = r.value < 10 ? "00" + r.value : r.value < 100 ? "0" + r.value : r.value;
+      return D + ":" + O + ":" + F + ":" + ee;
     }), p = y(""), w = y(!1), v = y(), b = y([]), M = y(), T = y(), E = e, _ = async () => {
       if (!t().file && E.state == "active") {
         const D = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
@@ -26967,21 +26974,21 @@ const Nr = { class: "feed-search__container" }, xr = { style: { "line-height": "
     }, C = () => {
       v.value && (v.value.stop(), v.value.onstop = async () => {
         const D = new File(b.value, "voicemessage.mp3", { type: "audio/*" }), O = URL.createObjectURL(D);
-        M.value = O, p.value = "uploading", await q1(E.filebumpUrl, D).then((Q) => {
-          if (p.value = Q.status, Q.status == "success") {
+        M.value = O, p.value = "uploading", await q1(E.filebumpUrl, D).then((F) => {
+          if (p.value = F.status, F.status == "success") {
             const ee = document.getElementById("chat-input-file-line-" + f);
             ee && (ee.style.display = "inherit"), n({
-              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
+              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
             });
           }
         });
@@ -27133,7 +27140,7 @@ const Gr = ["data-theme"], Xr = {
 }, Rt = /* @__PURE__ */ L(td, [["__scopeId", "data-v-4a9f3ae8"]]), T6 = async (e, f, t) => {
   const n = await e1({
     //в component должен быть встроен emit change(key: value)
-    component: import("./SelectUser2-Oi3ChxkJ.js"),
+    component: import("./SelectUser2-BKuXUkNl.js"),
     attrs: {
       title: e,
       users: f
@@ -27205,7 +27212,7 @@ const Gr = ["data-theme"], Xr = {
   }
 }, Zn = /* @__PURE__ */ L(sd, [["__scopeId", "data-v-fcb0f158"]]), S6 = async (e, f, t, n, a, s) => await e1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./CreateDialog-Cl0348F8.js"),
+  component: import("./CreateDialog-CXsadW0M.js"),
   attrs: {
     title: e,
     name: f,
@@ -27219,7 +27226,7 @@ const Gr = ["data-theme"], Xr = {
   }
 }), id = async (e) => await e1({
   //в component должен быть встроен emit change(key: value)
-  component: import("./ModalVideoRecorder-B0qefxSv.js"),
+  component: import("./ModalVideoRecorder-DqBxjq4l.js"),
   attrs: {},
   Modal: Zn,
   modalAttrs: {
@@ -27431,25 +27438,25 @@ const Gr = ["data-theme"], Xr = {
       telegram: vs,
       max: ws,
       sms: Ds
-    }, k = Y(
+    }, k = P(
       () => T.map((U) => ({
         type: U,
         component: E[U]
       }))
     ), C = y(
       Object.fromEntries(T.map((U) => [U, []]))
-    ), m = Y(
+    ), m = P(
       () => i.value ? Re(i.value) : null
-    ), I = Y(
+    ), I = P(
       () => {
         var U;
         return i.value !== "phone" && m.value && ((U = t.recentAttributeChannels[i.value]) == null ? void 0 : U.channelId);
       }
-    ), D = Y(
+    ), D = P(
       () => i.value ? $e(i.value) : []
-    ), O = Y(
+    ), O = P(
       () => d.value && A.value && D.value.length > 0 && i.value !== "phone" && z(i.value)
-    ), Q = {
+    ), F = {
       phone: "Позвонить",
       whatsapp: "Выберите контакт и канал для отправки сообщения",
       telegram: "Выберите контакт и канал для отправки сообщения",
@@ -27457,7 +27464,7 @@ const Gr = ["data-theme"], Xr = {
       sms: "Выберите контакт и канал для отправки сообщения"
     }, ee = (U) => {
       var R;
-      return ((R = t.channelTooltips) == null ? void 0 : R[U]) ?? Q[U] ?? "";
+      return ((R = t.channelTooltips) == null ? void 0 : R[U]) ?? F[U] ?? "";
     }, $ = (U) => {
       if (!U) return null;
       const [R] = U.split(".");
@@ -27491,14 +27498,14 @@ const Gr = ["data-theme"], Xr = {
     }, ke = (U) => {
       var R;
       return ((R = p.value) == null ? void 0 : R.id) === U.id;
-    }, q = (U) => {
-      v.value === U && i.value === U ? H() : (i.value = U, c.value = !0, d.value = !1, p.value = null, w.value = !1, sf());
-    }, H = () => {
+    }, Q = (U) => {
+      v.value === U && i.value === U ? q() : (i.value = U, c.value = !0, d.value = !1, p.value = null, w.value = !1, sf());
+    }, q = () => {
       c.value = !1, i.value = null, p.value = null, w.value = !1, d.value = !1;
     }, j = () => {
       var U;
       if (i.value === "phone")
-        P(m.value);
+        H(m.value);
       else if (z(i.value)) {
         const R = (U = t.recentAttributeChannels[i.value]) == null ? void 0 : U.channelId;
         m.value && R && ye(R);
@@ -27506,28 +27513,28 @@ const Gr = ["data-theme"], Xr = {
         const R = te(i.value);
         m.value && R && re(m.value, R.channelId);
       }
-    }, F = (U) => {
+    }, Y = (U) => {
       if (i.value === "phone")
-        P(U);
+        H(U);
       else if (!z(i.value)) {
         const R = te(i.value);
         R && re(U, R.channelId);
       }
-    }, P = (U) => {
+    }, H = (U) => {
       U && (n("phone-call", {
         attributeId: U.id,
         phoneNumber: U.data
-      }), H());
+      }), q());
     }, re = (U, R) => {
       n("select-attribute-channel", {
         attributeId: U.id,
         channelId: R
-      }), v.value = i.value, b.value = t.channels.find((Ae) => Ae.channelId === R), console.log("TEST selectedChannel.value", b.value), H();
+      }), v.value = i.value, b.value = t.channels.find((Ae) => Ae.channelId === R), console.log("TEST selectedChannel.value", b.value), q();
     }, ye = (U) => {
       m.value && n("select-attribute-channel", {
         attributeId: m.value.id,
         channelId: U
-      }), v.value = i.value, b.value = t.channels.find((R) => R.channelId === U), console.log("TEST selectedChannel.value", b.value), H();
+      }), v.value = i.value, b.value = t.channels.find((R) => R.channelId === U), console.log("TEST selectedChannel.value", b.value), q();
     }, Qe = (U) => {
       z(i.value) && (Nf(), w.value = !0, d.value = !0, i1(U.currentTarget));
     }, Af = () => {
@@ -27546,7 +27553,7 @@ const Gr = ["data-theme"], Xr = {
       w.value ? ye(U) : A.value && (n("select-attribute-channel", {
         attributeId: A.value.id,
         channelId: U
-      }), v.value = i.value, b.value = t.channels.find((R) => R.channelId === U), console.log("TEST selectedChannel.value", b.value)), H();
+      }), v.value = i.value, b.value = t.channels.find((R) => R.channelId === U), console.log("TEST selectedChannel.value", b.value)), q();
     }, sf = () => {
       s.value && (g.value = `${s.value.offsetWidth}px`);
     }, i1 = (U) => {
@@ -27575,7 +27582,7 @@ const Gr = ["data-theme"], Xr = {
         M.value = 0;
       }
     }, Fe = (U) => {
-      a.value && !a.value.contains(U.target) && H();
+      a.value && !a.value.contains(U.target) && q();
     };
     ae(() => t.contactAttributes, me, { deep: !0 }), ae(() => t.selectedDialog, (U) => {
       of(U);
@@ -27612,7 +27619,7 @@ const Gr = ["data-theme"], Xr = {
                 active: G(ne.type),
                 hover: r.value === ne.type && !G(ne.type) || r.value === ne.type && G(ne.type)
               }]),
-              onClick: (xf) => q(ne.type),
+              onClick: (xf) => Q(ne.type),
               onMouseenter: (xf) => r.value = ne.type,
               onMouseleave: R[0] || (R[0] = (xf) => r.value = null)
             }, [
@@ -27709,7 +27716,7 @@ const Gr = ["data-theme"], Xr = {
             }]),
             onMouseenter: (De) => J1(ne, De),
             onMouseleave: n1,
-            onClick: (De) => F(ne)
+            onClick: (De) => Y(ne)
           }, [
             o("div", wd, [
               o("span", Cd, x(ne.value), 1)
@@ -27929,7 +27936,7 @@ const Gr = ["data-theme"], Xr = {
       s.value = !0;
     }, p = () => {
       s.value = !1, a.value = !1;
-    }, w = Y(() => If(t.message.status));
+    }, w = P(() => If(t.message.status));
     function v(b) {
       return b.position === "left" ? "file-message__left" : "file-message__right";
     }
@@ -28080,7 +28087,7 @@ const Gr = ["data-theme"], Xr = {
       c.value = !0, d.value = !0;
     }, M = () => {
       c.value = !1, r.value = !1;
-    }, T = Y(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), E = Y(() => If(a.message.status));
+    }, T = P(() => a.message.reply && a.message.text ? "0" : a.message.text ? "8px 8px 0 0" : a.message.reply ? "0 0 8px 8px" : "8px"), E = P(() => If(a.message.status));
     function _(C) {
       return C.position === "left" ? "image-message__left" : "image-message__right";
     }
@@ -28271,7 +28278,7 @@ const Gr = ["data-theme"], Xr = {
       s.value = !0;
     }, A = () => {
       s.value = !1, a.value = !1;
-    }, g = Y(() => If(t.message.status)), p = (b) => {
+    }, g = P(() => If(t.message.status)), p = (b) => {
       A(), n("action", { messageId: t.message.messageId, type: "menu", ...b });
     }, w = () => {
       A(), n("action", { messageId: t.message.messageId, type: "views" });
@@ -28416,7 +28423,7 @@ const Gr = ["data-theme"], Xr = {
       for (let z of s.value)
         z.selected = !1;
       s.value[$].selected = !0, c.value && (c.value.playbackRate = s.value[$].speed);
-    }, r = f, c = y(), d = y(!1), A = y(0), g = y(0), p = y(!1), w = y(!1), v = y(!1), b = Y(() => a.message.text ? ze(a.message.text) : ""), M = ($) => {
+    }, r = f, c = y(), d = y(!1), A = y(0), g = y(0), p = y(!1), w = y(!1), v = y(!1), b = P(() => a.message.text ? ze(a.message.text) : ""), M = ($) => {
       r("reply", $);
     };
     function T($) {
@@ -28429,21 +28436,21 @@ const Gr = ["data-theme"], Xr = {
     }, k = () => {
       r("action", { messageId: a.message.messageId, type: "views" });
     }, C = () => {
-    }, m = Y(() => If(a.message.status));
+    }, m = P(() => If(a.message.status));
     function I() {
       c.value && (d.value ? c.value.pause() : c.value.play(), d.value = !d.value);
     }
     const D = ($) => {
       const z = Math.floor($ / 60), G = Math.floor($ % 60);
       return `${z.toString().padStart(2, "0")}:${G.toString().padStart(2, "0")}`;
-    }, O = Y(() => c.value ? D(g.value) : "0:00");
+    }, O = P(() => c.value ? D(g.value) : "0:00");
     ae(
       () => g.value,
       () => {
         c.value && (c.value.duration != 1 / 0 && !Number.isNaN(c.value.duration) && (c.value.currentTime = g.value), g.value == A.value && (d.value = !1));
       }
     );
-    const Q = Y(() => c.value ? D(A.value) : "0:00");
+    const F = P(() => c.value ? D(A.value) : "0:00");
     function ee($) {
       return $.position === "left" ? "audio-message__left" : "audio-message__right";
     }
@@ -28520,7 +28527,7 @@ const Gr = ["data-theme"], Xr = {
               [Mf, g.value]
             ]),
             o("div", z3, [
-              o("p", U3, x(`${O.value} / ${Q.value}`), 1),
+              o("p", U3, x(`${O.value} / ${F.value}`), 1),
               o("div", B3, [
                 (l(!0), u(Z, null, oe(s.value, (te, fe) => (l(), u("p", {
                   key: te.text,
@@ -28697,13 +28704,13 @@ const Gr = ["data-theme"], Xr = {
       p.value = !0, w.value = !0;
     }, _ = () => {
       p.value = !1, g.value = !1;
-    }, k = Y(() => If(a.message.status)), C = () => {
+    }, k = P(() => If(a.message.status)), C = () => {
       d.value && (d.value.currentTime = 0, d.value.play());
     };
     ae([c, d], ([D, O]) => {
       D ? O && (O.pause(), O.currentTime = 0) : O && (O.play(), O.currentTime = 0);
     });
-    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;
+    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;
     return (D, O) => (l(), u(Z, null, [
       o("div", {
         class: S(["video-message", [
@@ -28734,9 +28741,9 @@ const Gr = ["data-theme"], Xr = {
           }, null, 8, ["class", "message"])) : h("", !0),
           o("div", {
             class: "video-message__preview-button",
-            onClick: O[0] || (O[0] = (Q) => A.value = !0),
+            onClick: O[0] || (O[0] = (F) => A.value = !0),
             onMouseenter: E,
-            onMouseleave: O[1] || (O[1] = (Q) => w.value = !w.value)
+            onMouseleave: O[1] || (O[1] = (F) => w.value = !w.value)
           }, [
             o("video", {
               ref_key: "previewPlayer",
@@ -28792,7 +28799,7 @@ const Gr = ["data-theme"], Xr = {
               p.value && e.message.actions ? (l(), u("button", {
                 key: 0,
                 class: "video-message__menu-button",
-                onClick: O[2] || (O[2] = (Q) => g.value = !g.value)
+                onClick: O[2] || (O[2] = (F) => g.value = !g.value)
               }, O[6] || (O[6] = [
                 o("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ]))) : h("", !0)