@vlprojects-chat/chat 0.17.0-LD-8093.17 → 0.17.0-LD-8093.19

package/dist/index.mjs

@@ -2,7 +2,7 @@ var S_ = Object.defineProperty;
 var E_ = (e, t, n) => t in e ? S_(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Hf = (e, t, n) => E_(e, typeof t != "symbol" ? t + "" : t, n);
 import * as j from "react";
-import pe, { useState as Qe, forwardRef as Hs, memo as Lc, version as p3, useEffect as bt, createContext as h3, useContext as CE, useRef as On, useCallback as bn, createElement as _s, cloneElement as Sd, useMemo as po, useLayoutEffect as x_, Component as C_, isValidElement as Ed, Children as T_, Fragment as m3, useReducer as O_, useImperativeHandle as R_ } from "react";
+import pe, { useState as Qe, forwardRef as Hs, memo as Lc, version as p3, useEffect as yt, createContext as h3, useContext as CE, useRef as On, useCallback as bn, createElement as _s, cloneElement as Sd, useMemo as po, useLayoutEffect as x_, Component as C_, isValidElement as Ed, Children as T_, Fragment as m3, useReducer as O_, useImperativeHandle as R_ } from "react";
 import { CacheProvider as A_, Global as P_, ThemeContext as g3, keyframes as Va, css as Pp } from "@emotion/react";
 import * as I_ from "react-dom";
 import ld, { unstable_batchedUpdates as N_, createPortal as k_ } from "react-dom";
@@ -20040,7 +20040,7 @@ function bk(e, t, n, r) {
 }
 var xK = Rx.exports;
 const Oo = new xK.EventEmitter(), wk = (e, t) => {
-  bt(() => (Oo.on(e, t), () => {
+  yt(() => (Oo.on(e, t), () => {
     Oo.off(e, t);
   }), []);
 };
@@ -33761,18 +33761,15 @@ const C2 = async (e, t) => {
 };
 var ur = /* @__PURE__ */ ((e) => (e.Message = "message", e.DirectMessage = "direct-message", e.SystemMessage = "system:message", e.NewPublic = "new-public", e.NewChannelUser = "new-channel-user", e.NewDirect = "new-direct", e.TriggerDirectUiRedirect = "trigger-direct-ui-redirect", e.PollStart = "poll-start", e.PollStop = "poll-stop", e.PollVoteOpenEnded = "poll-vote-open-ended", e.PollVotesUpdate = "poll-votes-update", e.UserUpdateProfile = "user-update-profile", e.MessagePinned = "message-pinned", e.DeleteMessages = "delete-messages", e.CleanChannelMessages = "clean-channel-messages", e.UserConnected = "user-connected", e.UserMuted = "user-muted", e.UserUnmuted = "user-unmuted", e.UpdateChannelSettings = "user-update-channel-settings", e))(ur || {});
 const Xoe = async (e) => {
-  var n;
   const t = e.ui.channelId;
   try {
-    const r = await xl(`get-initial?externalId=${t}`), { publics: o, user: i, channels: s } = r;
-    e.chat.addUsers([i]), e.chat.addChannels(s), e.chat.addPubs(o), e.auth.setMe(i);
-    const a = ((n = s[0]) == null ? void 0 : n.messages.length) || 0;
-    e.setUnreadMsgsCount(a), e.chat.sendUnreadMsgCount(a), i.lang && e.ui.setLang(i.lang), _e.info("Inital data received", {
+    const n = await xl(`get-initial?externalId=${t}`), { publics: r, user: o, channels: i } = n;
+    e.chat.addUsers([o]), e.chat.addChannels(i), e.chat.addPubs(r), e.auth.setMe(o), o.lang && e.ui.setLang(o.lang), _e.info("Inital data received", {
       externalId: t,
-      user: i
+      user: o
     });
-  } catch (r) {
-    throw _e.error("Failed to get initial data", { case: "getInitialData", error: r, appId: e.auth.appId }), Bt(r, (o) => o.setTransactionName("getInitialData")), r;
+  } catch (n) {
+    throw _e.error("Failed to get initial data", { case: "getInitialData", error: n, appId: e.auth.appId }), Bt(n, (r) => r.setTransactionName("getInitialData")), n;
   }
 }, Joe = async (e, t, n) => {
   try {
@@ -38458,7 +38455,7 @@ var kD = /* @__PURE__ */ Hs(function(e, t) {
   }, x = bn(function() {
     g.current && fm(o, g.current);
   }, [o]);
-  return bt(function() {
+  return yt(function() {
     if (!(i || o === "down" || o === "right")) {
       var O = zae(function() {
         g.current && fm(o, g.current);
@@ -38467,7 +38464,7 @@ var kD = /* @__PURE__ */ Hs(function(e, t) {
         O.clear(), A.removeEventListener("resize", O);
       };
     }
-  }, [o, i]), bt(function() {
+  }, [o, i]), yt(function() {
     i || x();
   }, [i, x]), _s(j2, Object.assign({
     appear: !0,
@@ -38683,7 +38680,7 @@ function _d(e, t) {
     };
   }, oce);
 }
-var ice = typeof window < "u" ? x_ : bt;
+var ice = typeof window < "u" ? x_ : yt;
 function pP(e) {
   var t = On(e);
   return ice(function() {
@@ -38703,7 +38700,7 @@ var jD = /* @__PURE__ */ Hs(function(e, t) {
       m(null, "timeout", c);
     }, b));
   });
-  bt(function() {
+  yt(function() {
     return l && g(o), function() {
       d.current && clearTimeout(d.current);
     };
@@ -38717,7 +38714,7 @@ var jD = /* @__PURE__ */ Hs(function(e, t) {
   }, C = function(E) {
     p.onMouseLeave && p.onMouseLeave(E), y();
   };
-  return bt(function() {
+  return yt(function() {
     if (!s && l)
       return window.addEventListener("focus", y), window.addEventListener("blur", v), function() {
         window.removeEventListener("focus", y), window.removeEventListener("blur", v);
@@ -38827,7 +38824,7 @@ var ace = /* @__PURE__ */ Lc(_D), cce = /* @__PURE__ */ yh({
       });
     }, 125);
   }, []);
-  bt(function() {
+  yt(function() {
     return function() {
       n.current && clearTimeout(n.current);
     };
@@ -39135,7 +39132,7 @@ const vP = {
 }, gce = () => {
   const e = pe.useContext(D2);
   return e ? e.chatSnackbarContainer : null;
-}, vce = "@vlprojects-chat/chat", yce = "vlprojects", bce = "0.17.0-LD-8093.16", wce = "vlprojects chat", Sce = "ISC", Ece = "dist/index.d.ts", xce = "./dist/index.mjs", Cce = "./dist/index.mjs", Tce = [
+}, vce = "@vlprojects-chat/chat", yce = "vlprojects", bce = "0.17.0-LD-8093.18", wce = "vlprojects chat", Sce = "ISC", Ece = "dist/index.d.ts", xce = "./dist/index.mjs", Cce = "./dist/index.mjs", Tce = [
   "dist"
 ], Oce = {
   type: "git",
@@ -46525,7 +46522,7 @@ function xh(e) {
 var Kde = xh, Xde = Kde, Jde = Xde;
 const Zde = /* @__PURE__ */ of(Jde), _i = it(({ route: e, children: t }) => {
   const { ui: n } = ot(), [r, o] = Qe(!1);
-  return bt(
+  return yt(
     () => Ra(() => {
       const i = new Zde(e).match(n.route);
       i ? (n.setParams(i), o(!0)) : o(!1);
@@ -47094,7 +47091,7 @@ const Zde = /* @__PURE__ */ of(Jde), _i = it(({ route: e, children: t }) => {
   ] });
 }, fpe = it(upe), dpe = it(({ children: e }) => {
   const t = ot();
-  return bt(
+  return yt(
     () => Ra(async () => {
       if (!t.auth.isAuthorized)
         if (t.auth.isAnonymousAllowed) {
@@ -55881,9 +55878,9 @@ const J6 = (e) => {
   }, S = () => {
     zoe(s);
   };
-  return bt(() => {
+  return yt(() => {
     n(u.throttleMessages);
-  }, [u]), bt(() => {
+  }, [u]), yt(() => {
     setTimeout(() => {
       o(!0);
     }, 0);
@@ -56962,7 +56959,7 @@ function u9() {
       }
     }, 300);
   };
-  bt(function() {
+  yt(function() {
     return window.addEventListener("focus", W, !1), function() {
       window.removeEventListener("focus", W, !1);
     };
@@ -56970,11 +56967,11 @@ function u9() {
   var U = On([]), Y = function(be) {
     F.current && F.current.contains(be.target) || (be.preventDefault(), U.current = []);
   };
-  bt(function() {
+  yt(function() {
     return b && (document.addEventListener("dragover", mI, !1), document.addEventListener("drop", Y, !1)), function() {
       b && (document.removeEventListener("dragover", mI), document.removeEventListener("drop", Y));
     };
-  }, [F, b]), bt(function() {
+  }, [F, b]), yt(function() {
     return !r && C && F.current && F.current.focus(), function() {
     };
   }, [F, C, r]);
@@ -57385,7 +57382,7 @@ const cve = $s("div")({
 }, bve = ft(yve, { name: "SubmitDelayed" }), wve = it(({ onTimeout: e, submitAttemptTime: t }) => {
   var u;
   const n = ot(), r = Yn(), o = bve(), [i, s] = Qe(((u = n.currentChannel) == null ? void 0 : u.settings.slowModeInSecs) || 0), [a, c] = Qe(!1), l = On(null);
-  return bt(() => {
+  return yt(() => {
     const { settings: p } = n.currentChannel || {};
     if (!(p != null && p.slowModeInSecs))
       return;
@@ -57398,9 +57395,9 @@ const cve = $s("div")({
         s(0), clearInterval(d);
     }, 100);
     return () => clearTimeout(d);
-  }, []), bt(() => {
+  }, []), yt(() => {
     i <= 0 && e();
-  }, [i, e]), bt(() => {
+  }, [i, e]), yt(() => {
     if (!l.current)
       return c(!0), l.current = setTimeout(() => {
         c(!1), l.current = null;
@@ -57675,7 +57672,7 @@ const wI = ({ value: e, size: t, icon: n, width: r = 2, color: o = "#FF0000" })
   }, U = (ie) => {
     ie.key === "Enter" && !ie.shiftKey && (ie.preventDefault(), ie.stopPropagation(), ae());
   };
-  bt(() => {
+  yt(() => {
     if (_.messageListDimensions === null)
       return;
     const ie = _.messageListDimensions.height, ee = R ? 9 : 12, Ce = Tve(ie, ee);
@@ -57843,7 +57840,7 @@ function Vf() {
 function Qt(e, t) {
   return e($a, t);
 }
-function yt(e, t) {
+function bt(e, t) {
   e(Cb, t);
 }
 function nC(e) {
@@ -58017,7 +58014,7 @@ function nr(...e) {
   return e.forEach((i, s) => {
     const a = Math.pow(2, s);
     Qt(i, (c) => {
-      n[s] = c, r = r | a, r === o && yt(t, n);
+      n[s] = c, r = r | a, r === o && bt(t, n);
     });
   }), function(i, s) {
     switch (i) {
@@ -58062,22 +58059,22 @@ const Sm = typeof document < "u" ? pe.useLayoutEffect : pe.useEffect;
 function v9(e, t, n) {
   const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), i = Object.keys(t.methods || {}), s = Object.keys(t.events || {}), a = pe.createContext({});
   function c(S, C) {
-    S.propsReady && yt(S.propsReady, !1);
+    S.propsReady && bt(S.propsReady, !1);
     for (const b of r) {
       const E = S[t.required[b]];
-      yt(E, C[b]);
+      bt(E, C[b]);
     }
     for (const b of o)
       if (b in C) {
         const E = S[t.optional[b]];
-        yt(E, C[b]);
+        bt(E, C[b]);
       }
-    S.propsReady && yt(S.propsReady, !0);
+    S.propsReady && bt(S.propsReady, !0);
   }
   function l(S) {
     return i.reduce((C, b) => (C[b] = (E) => {
       const x = S[t.methods[b]];
-      yt(x, E);
+      bt(x, E);
     }, C), {});
   }
   function u(S) {
@@ -58096,7 +58093,7 @@ function v9(e, t, n) {
     }), pe.useImperativeHandle(C, EI(l(x)));
     const A = n;
     return /* @__PURE__ */ h.jsx(a.Provider, { value: x, children: n ? /* @__PURE__ */ h.jsx(A, { ...Dve([...r, ...o, ...s], E), children: b }) : b });
-  }), d = (S) => pe.useCallback(m9(yt, pe.useContext(a)[S]), [S]), m = (S) => {
+  }), d = (S) => pe.useCallback(m9(bt, pe.useContext(a)[S]), [S]), m = (S) => {
     const b = pe.useContext(a)[S], E = pe.useCallback(
       (x) => Qt(b, x),
       [b]
@@ -58694,10 +58691,10 @@ const Zve = {
       (x) => {
         const { groupIndices: O } = xr(v);
         if (x > 0)
-          yt(t, !0), yt(i, x + RI(x, O));
+          bt(t, !0), bt(i, x + RI(x, O));
         else if (x < 0) {
           const A = xr(y);
-          A.length > 0 && (x -= RI(-x, A)), yt(s, x);
+          A.length > 0 && (x -= RI(-x, A)), bt(s, x);
         }
       }
     ), Qt(xe(a, St(e)), ([x, O]) => {
@@ -58864,7 +58861,7 @@ const Th = en(
     const m = Nt(), g = Nt(), v = ke(0);
     let y = null, S = null, C = null;
     function b() {
-      y && (y(), y = null), C && (C(), C = null), S && (clearTimeout(S), S = null), yt(o, !1);
+      y && (y(), y = null), C && (C(), C = null), S && (clearTimeout(S), S = null), bt(o, !1);
     }
     return qe(
       xe(
@@ -58882,7 +58879,7 @@ const Th = en(
             let q = Tp(V, x.offsetTree, B) + N;
             G === "end" ? (q += K + Ai(x.sizeTree, V)[1] - O + F, V === Z && (q += R)) : G === "center" ? q += (K + Ai(x.sizeTree, V)[1] - O + F) / 2 : q -= k, ae && (q += ae);
             const D = (W) => {
-              b(), W ? (_("retrying to scroll to", { location: E }, Mo.DEBUG), yt(m, E)) : (yt(g, !0), _("list did not change, scroll successful", {}, Mo.DEBUG));
+              b(), W ? (_("retrying to scroll to", { location: E }, Mo.DEBUG), bt(m, E)) : (bt(g, !0), _("list did not change, scroll successful", {}, Mo.DEBUG));
             };
             if (b(), re === "smooth") {
               let W = !1;
@@ -58895,7 +58892,7 @@ const Th = en(
               y = vs(xe(n, $ve(150)), D);
             return S = setTimeout(() => {
               b();
-            }, 1200), yt(o, !0), _("scrolling from index to", { index: V, top: q, behavior: re }, Mo.DEBUG), { top: q, behavior: re };
+            }, 1200), bt(o, !0), _("scrolling from index to", { index: V, top: q, behavior: re }, Mo.DEBUG), { top: q, behavior: re };
           }
         )
       ),
@@ -59112,11 +59109,11 @@ const Rh = en(
       ),
       ([, u]) => {
         vs(i, () => {
-          yt(l, !0);
+          bt(l, !0);
         }), sC(4, () => {
           vs(r, () => {
-            yt(a, !0);
-          }), yt(o, u);
+            bt(a, !0);
+          }), bt(o, u);
         });
       }
     ), {
@@ -59144,7 +59141,7 @@ const rye = (e, t) => typeof e == "function" ? AI(e(t)) : t && AI(e), oye = en(
     const u = ke(!1), p = Nt();
     let d = null;
     function m(v) {
-      yt(o, {
+      bt(o, {
         index: "LAST",
         align: "end",
         behavior: v
@@ -59650,10 +59647,10 @@ const lye = D9(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.te
       )
     );
     function y(S) {
-      S > 0 ? (yt(e, { top: -S, behavior: "auto" }), yt(n, 0)) : (yt(n, 0), yt(e, { top: -S, behavior: "auto" }));
+      S > 0 ? (bt(e, { top: -S, behavior: "auto" }), bt(n, 0)) : (bt(n, 0), bt(e, { top: -S, behavior: "auto" }));
     }
     return Qt(xe(v, St(n, o)), ([S, C, b]) => {
-      b && lye() ? yt(n, C - S) : y(-S);
+      b && lye() ? bt(n, C - S) : y(-S);
     }), Qt(
       xe(
         nr(Ur(o, !1), n, g),
@@ -59692,9 +59689,9 @@ const lye = D9(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.te
         })
       ),
       (S) => {
-        yt(n, S), requestAnimationFrame(() => {
-          yt(e, { top: S }), requestAnimationFrame(() => {
-            yt(n, 0), yt(g, !1);
+        bt(n, S), requestAnimationFrame(() => {
+          bt(e, { top: S }), requestAnimationFrame(() => {
+            bt(n, 0), bt(g, !1);
           });
         });
       }
@@ -59720,7 +59717,7 @@ const lye = D9(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.te
           ),
           () => {
             requestAnimationFrame(() => {
-              yt(t, o);
+              bt(t, o);
             });
           }
         );
@@ -60366,7 +60363,7 @@ const Uye = /* @__PURE__ */ en(
         nt(([z, te]) => !!te)
       ),
       () => {
-        yt(V, !1);
+        bt(V, !1);
       }
     ), Qt(
       xe(
@@ -60374,10 +60371,10 @@ const Uye = /* @__PURE__ */ en(
         nt(([z, te, oe, ie, , ee]) => z && !te && oe.height !== 0 && ie.height !== 0 && !ee)
       ),
       ([, , , , z]) => {
-        yt(q, !0), sC(1, () => {
-          yt(_, z);
+        bt(q, !0), sC(1, () => {
+          bt(_, z);
         }), vs(xe(o), () => {
-          yt(n, [0, 0]), yt(V, !0);
+          bt(n, [0, 0]), bt(V, !0);
         });
       }
     ), qe(
@@ -60394,9 +60391,9 @@ const Uye = /* @__PURE__ */ en(
         nt(([, z]) => z != null)
       ),
       ([, z]) => {
-        z && (yt(N, z.viewport), yt(R, z == null ? void 0 : z.item), yt(L, z.gap), z.scrollTop > 0 && (yt(ae, !0), vs(xe(o, nf(1)), (te) => {
-          yt(ae, !1);
-        }), yt(a, { top: z.scrollTop })));
+        z && (bt(N, z.viewport), bt(R, z == null ? void 0 : z.item), bt(L, z.gap), z.scrollTop > 0 && (bt(ae, !0), vs(xe(o, nf(1)), (te) => {
+          bt(ae, !1);
+        }), bt(a, { top: z.scrollTop })));
       }
     ), qe(
       xe(
@@ -62256,20 +62253,20 @@ const Mbe = (e) => {
 })), Gbe = it((e) => {
   var S, C;
   const { channelId: t } = e, n = On(null), { ui: r, chat: o } = ot(), i = ot(), [s, a] = Qe(Qye), [c, l] = Qe(0), [u, p] = Qe(!1), d = On(null), m = gce(), g = o.channels.get(t);
-  if (bt(() => {
+  if (yt(() => {
     g && (Oo.emit(ro.App, {
       event: Io.ChatIsReady
     }), Kd.post("chat.isReady", !0), _e.info("Channel is ready", { channelId: g.id }));
   }, [g]), !g)
     return /* @__PURE__ */ h.jsx(h.Fragment, { children: "Channel not found" });
   const v = g.sortedMessages;
-  bt(() => {
+  yt(() => {
     const b = v.length - c;
     l(v.length), b > 1 && a(s - b);
   }, [g.sortedMessages.length]), wk(ro.App, ({ event: b }) => {
     var E;
     b === Io.MessageSent && ((E = n.current) == null || E.scrollToIndex({ index: g.sortedMessages.length - 1, behavior: "smooth" }));
-  }), bt(() => {
+  }), yt(() => {
     r.setJumpToMessage((E) => {
       var x;
       (x = n.current) == null || x.scrollToIndex({ index: E, behavior: "smooth" });
@@ -62285,7 +62282,7 @@ const Mbe = (e) => {
     var b;
     u || await O2(i, Number(t), Number((b = v[0]) == null ? void 0 : b.id)) || p(!0);
   }, [(S = v[0]) == null ? void 0 : S.id, u]);
-  return bt(() => Gc(
+  return yt(() => Gc(
     () => {
       var b;
       return (b = i.currentChannel) == null ? void 0 : b.loaded;
@@ -62468,15 +62465,15 @@ const Mbe = (e) => {
   await O2(e, Number(t.id)), await C2(e, t.id), t.setLoaded(!0);
 }, Qbe = it(() => {
   const e = ot(), { auth: t } = e, n = e.currentChannel;
-  bt(() => {
+  yt(() => {
     n != null && n.id && C2(e, n == null ? void 0 : n.id);
-  }, []), bt(() => {
+  }, []), yt(() => {
     n && !(n != null && n.loaded) && (n.type === _n.Direct ? Zbe(e, n) : n.setLoaded(!0));
-  }, [n, n == null ? void 0 : n.loaded]), bt(() => {
+  }, [n, n == null ? void 0 : n.loaded]), yt(() => {
     n && n.id && (n.setLastReadTimestamp(Date.now()), n.setUnreadMessagesCount(0));
   }, [n]);
   const r = On(!1);
-  if (bt(() => {
+  if (yt(() => {
     var s;
     n != null && n.id && e.ui.route.includes(n == null ? void 0 : n.id) && !r.current && e.ui.isVisible && (n.setLastReadTimestamp(Date.now()), n.setUnreadMessagesCount(0), n.id === ((s = e.initialChannel) == null ? void 0 : s.id) && (e.setUnreadMsgsCount(0), e.chat.sendUnreadMsgCount(0))), r.current = e.ui.isVisible;
   }, [
@@ -62730,7 +62727,7 @@ const Mbe = (e) => {
   ] })
 ] }), f0e = () => {
   const e = ot(), [t, n] = Qe(!1);
-  bt(() => {
+  yt(() => {
     (async () => {
       try {
         n(!0), await vC(e);
@@ -64660,7 +64657,7 @@ const C1e = (e) => {
   return /* @__PURE__ */ h.jsx(h.Fragment, { children: r == null ? void 0 : r.map((i) => /* @__PURE__ */ h.jsx(k1e, { templatePoll: i, onDelete: o }, `${i.question}-${i.id}`)) });
 }, j1e = it(M1e), D1e = () => {
   const e = ot(), { ui: t } = e, n = e.currentChannel;
-  bt(() => {
+  yt(() => {
     async function o() {
       const i = await Yle(n == null ? void 0 : n.id);
       i && (n == null || n.setPollList(i));
@@ -64694,7 +64691,7 @@ const C1e = (e) => {
   { name: "Profile" }
 ), B1e = it(() => {
   const e = Yn(), t = L1e(), { auth: n, ui: r } = ot(), o = ot(), { enqueueSnackbar: i } = _f(), [s, a] = Qe(""), [c, l] = Qe(void 0);
-  bt(() => {
+  yt(() => {
     a(n.me.displayName), l(n.me.avatarUrl);
   }, [n.me]);
   const u = async () => {
@@ -64772,7 +64769,7 @@ const C1e = (e) => {
     return "loadingInitial";
 }, V1e = ({ children: e }) => {
   const { socket: t } = ot(), n = ot(), { enqueueSnackbar: r } = _f(), [o, i] = Qe(!1);
-  bt(
+  yt(
     () => Ra(async () => {
       if (!t.isSocketConnected)
         try {
@@ -64781,7 +64778,7 @@ const C1e = (e) => {
           _e.info("Failed to connect to socket server", { error: b2(a) }), r(ll(a));
         }
     })
-  ), bt(
+  ), yt(
     () => Gc(
       () => t.isSocketConnected,
       (a) => {
@@ -65195,7 +65192,7 @@ const C1e = (e) => {
       l(i.current);
     }
   };
-  return bt(() => t ? (r == null || r.addEventListener("mousedown", p), r == null || r.addEventListener("touchstart", p), window.addEventListener("mousemove", d), window.addEventListener("touchmove", d), window.addEventListener("mouseup", m), window.addEventListener("touchend", m), () => {
+  return yt(() => t ? (r == null || r.addEventListener("mousedown", p), r == null || r.addEventListener("touchstart", p), window.addEventListener("mousemove", d), window.addEventListener("touchmove", d), window.addEventListener("mouseup", m), window.addEventListener("touchend", m), () => {
     r == null || r.addEventListener("mousedown", p), r == null || r.addEventListener("touchstart", p), window.addEventListener("mousemove", d), window.addEventListener("touchmove", d), window.addEventListener("mouseup", m), window.addEventListener("touchend", m);
   }) : () => {
   }, [t, r]), {
@@ -65374,24 +65371,26 @@ const C1e = (e) => {
       chatVisualState: m
     }), A.ui.setChatVisualState(m);
   };
-  bt(() => {
+  yt(() => {
     A.ui.setIsVisible(e || !1);
-  }, [e, A]), bt(() => Gc(
+  }, [e, A]), yt(() => {
+    A.setUnreadMsgsCount(0);
+  }, [A.initialChannel]), yt(() => Gc(
     () => A.toggleReset,
     () => {
       k();
     }
-  ), []), bt(() => Gc(
+  ), []), yt(() => Gc(
     () => A.auth.isModerator,
     (R, _) => {
       !R && _ && k();
     }
-  ), []), bt(() => {
+  ), []), yt(() => {
     x && A.ui.isMobile && A.ui.setChatVisualState(m), _e.info("Change chat visual state", {
       chatVisualState: m,
       isReady: x
     });
-  }, [m, x]), bt(() => {
+  }, [m, x]), yt(() => {
     if (!E)
       return;
     E(() => {
@@ -65401,7 +65400,7 @@ const C1e = (e) => {
         isModerator: A.auth.isModerator
       };
     });
-  }, [E]), bt(() => (k(), () => {
+  }, [E]), yt(() => (k(), () => {
     _e.info("Chat unmount");
   }), [
     r,
@@ -65409,7 +65408,7 @@ const C1e = (e) => {
     n,
     i,
     a
-  ]), bt(() => {
+  ]), yt(() => {
     A.settings.setShowCloseButton(c), A.settings.setShowHeader(l), A.settings.setShowMessageInput(u), A.settings.setShowOpenInPopupButton(p), A.settings.setShowPolls(d);
   }, [
     c,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vlprojects-chat/chat",
   "author": "vlprojects",
-  "version": "0.17.0-LD-8093.17",
+  "version": "0.17.0-LD-8093.19",
   "description": "vlprojects chat",
   "license": "ISC",
   "types": "dist/index.d.ts",