@vlprojects-chat/chat 0.17.0-LD-8093.9 → 0.17.0-LD-8093.11

package/dist/index.mjs

@@ -773,13 +773,13 @@ Check the top-level render call using <` + De + ">.");
           return Q === e.Fragment ? kh(Hn) : Nh(Hn), Hn;
         }
       }
-      function ft(Q, Oe, De) {
+      function dt(Q, Oe, De) {
         return Hf(Q, Oe, De, !0);
       }
       function po(Q, Oe, De) {
         return Hf(Q, Oe, De, !1);
       }
-      var b_ = po, w_ = ft;
+      var b_ = po, w_ = dt;
       e.jsx = b_, e.jsxs = w_;
     }();
   }(Mb)), Mb;
@@ -6977,13 +6977,13 @@ var Uc = {
   shallow: HF
 };
 function Hc(e, t, n) {
-  return ti(e) ? e : Array.isArray(e) ? ut.array(e, {
+  return ti(e) ? e : Array.isArray(e) ? ft.array(e, {
     name: n
-  }) : eo(e) ? ut.object(e, void 0, {
+  }) : eo(e) ? ft.object(e, void 0, {
     name: n
-  }) : uf(e) ? ut.map(e, {
+  }) : uf(e) ? ft.map(e, {
     name: n
-  }) : Ms(e) ? ut.set(e, {
+  }) : Ms(e) ? ft.set(e, {
     name: n
   }) : typeof e == "function" && !Ra(e) && !Iu(e) ? O5(e) ? zc(e) : Au(n, e) : e;
 }
@@ -6991,22 +6991,22 @@ function GF(e, t, n) {
   if (e == null || pn(e) || Dn(e) || Un(e) || qn(e))
     return e;
   if (Array.isArray(e))
-    return ut.array(e, {
+    return ft.array(e, {
       name: n,
       deep: !1
     });
   if (eo(e))
-    return ut.object(e, void 0, {
+    return ft.object(e, void 0, {
       name: n,
       deep: !1
     });
   if (uf(e))
-    return ut.map(e, {
+    return ft.map(e, {
       name: n,
       deep: !1
     });
   if (Ms(e))
-    return ut.set(e, {
+    return ft.set(e, {
       name: n,
       deep: !1
     });
@@ -7284,7 +7284,7 @@ function hB(e, t, n, r) {
     var u = (a = this.options_) != null && a.autoBind ? Au.bound : Au;
     return u.make_(e, t, n, r);
   }
-  var p = ((o = this.options_) == null ? void 0 : o.deep) === !1 ? ut.ref : ut;
+  var p = ((o = this.options_) == null ? void 0 : o.deep) === !1 ? ft.ref : ft;
   if (typeof n.value == "function" && (i = this.options_) != null && i.autoBind) {
     var d;
     n.value = n.value.bind((d = e.proxy_) != null ? d : e.target_);
@@ -7304,7 +7304,7 @@ function mB(e, t, n, r) {
     var s;
     n.value = n.value.bind((s = e.proxy_) != null ? s : e.target_);
   }
-  var a = ((i = this.options_) == null ? void 0 : i.deep) === !1 ? ut.ref : ut;
+  var a = ((i = this.options_) == null ? void 0 : i.deep) === !1 ? ft.ref : ft;
   return a.extend_(e, t, n, r);
 }
 function gB(e, t) {
@@ -7345,7 +7345,7 @@ function F5(e, t, n) {
     Hp(e, t, ew);
     return;
   }
-  return ti(e) ? e : eo(e) ? ut.object(e, t, n) : Array.isArray(e) ? ut.array(e, t) : uf(e) ? ut.map(e, t) : Ms(e) ? ut.set(e, t) : typeof e == "object" && e !== null ? e : ut.box(e, t);
+  return ti(e) ? e : eo(e) ? ft.object(e, t, n) : Array.isArray(e) ? ft.array(e, t) : uf(e) ? ft.map(e, t) : Ms(e) ? ft.set(e, t) : typeof e == "object" && e !== null ? e : ft.box(e, t);
 }
 C5(F5, L5);
 var OB = {
@@ -7374,7 +7374,7 @@ var OB = {
   shallow: /* @__PURE__ */ gi(EB),
   deep: L5,
   struct: /* @__PURE__ */ gi(xB)
-}, ut = /* @__PURE__ */ C5(F5, OB), B5 = "computed", RB = "computed.struct", tw = /* @__PURE__ */ YE(B5), AB = /* @__PURE__ */ YE(RB, {
+}, ft = /* @__PURE__ */ C5(F5, OB), B5 = "computed", RB = "computed.struct", tw = /* @__PURE__ */ YE(B5), AB = /* @__PURE__ */ YE(RB, {
   equals: Uc.structural
 }), ct = function(t, n) {
   if (Wp(n))
@@ -9900,7 +9900,7 @@ const FV = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   keys: Pa,
   makeAutoObservable: nx,
   makeObservable: jy,
-  observable: ut,
+  observable: ft,
   observe: gl,
   onBecomeObserved: o4,
   onBecomeUnobserved: QE,
@@ -21325,7 +21325,7 @@ function jX(e) {
   return e !== t && (e = t, yr(e) && $c(e).dataType) ? e : mX(e, (n) => yr(n) && !!$c(n).dataType);
 }
 function rM(e, t, n) {
-  const r = e, o = r.length, i = Dn(r) ? r : ut.array(void 0, GX);
+  const r = e, o = r.length, i = Dn(r) ? r : ft.array(void 0, GX);
   i !== r && (i.length = r.length);
   let s, a;
   const c = () => {
@@ -21557,7 +21557,7 @@ function yR(e, t, n, r, o) {
   return i < 0 ? e[t] : i < o.length ? o[i] : e[t - o.length + r];
 }
 function zX(e, t) {
-  const n = ut.array([], Gx), r = e.length;
+  const n = ft.array([], Gx), r = e.length;
   for (let o = 0; o < r; o++)
     n.push($y(e[o], t));
   return rM(n, void 0, !0);
@@ -21600,7 +21600,7 @@ function XX() {
   });
 }
 function Wx(e, t, n, r, o) {
-  const i = e, s = pn(i) ? i : ut.object({}, void 0, JX);
+  const i = e, s = pn(i) ? i : ft.object({}, void 0, JX);
   let a, c;
   const l = () => {
     a(), c();
@@ -21754,7 +21754,7 @@ function rJ() {
   });
 }
 function oJ(e, t) {
-  const n = ut.object({}, void 0, Gx), r = Object.keys(e), o = r.length;
+  const n = ft.object({}, void 0, Gx), r = Object.keys(e), o = r.length;
   for (let i = 0; i < o; i++) {
     const s = r[i], a = e[s];
     ta(n, s, $y(a, t));
@@ -21808,7 +21808,7 @@ function $y(e, t) {
   throw Ky(e) ? he("a snapshot must not contain maps") : Xy(e) ? he("a snapshot must not contain sets") : he(`unsupported snapshot - ${e}`);
 }
 function cJ(e, t) {
-  const n = ut.object({}, void 0, Gx), r = Object.keys(t), o = r.length;
+  const n = ft.object({}, void 0, Gx), r = Object.keys(t), o = r.length;
   for (let i = 0; i < o; i++) {
     const s = r[i];
     if (!Tk(s)) {
@@ -22367,7 +22367,7 @@ class bi {
     );
     Object.setPrototypeOf(this, o.prototype);
     const s = this;
-    delete s[jg], delete s[iR], delete s[sR], delete s[OR], r ? IJ(this, r, o, !!i) : (Ef(n, "initialData"), PJ(this, ut.object(n, void 0, { deep: !1 }), o));
+    delete s[jg], delete s[iR], delete s[sR], delete s[OR], r ? IJ(this, r, o, !!i) : (Ef(n, "initialData"), PJ(this, ft.object(n, void 0, { deep: !1 }), o));
   }
   /**
    * Model internal id. Can be modified inside a model action.
@@ -23603,7 +23603,7 @@ function w0(e) {
 const yZ = () => ea("contextValue");
 class bZ {
   constructor(t) {
-    Le(this, "defaultContextValue", ut.box(void 0, { deep: !1 })), Le(this, "overrideContextValue", ut.box(void 0, {
+    Le(this, "defaultContextValue", ft.box(void 0, { deep: !1 })), Le(this, "overrideContextValue", ft.box(void 0, {
       deep: !1
     })), Le(this, "nodeContextValue", /* @__PURE__ */ new WeakMap()), Le(this, "nodeAtom", /* @__PURE__ */ new WeakMap()), Le(this, "setDefault", Fe((n) => {
       this.defaultContextValue.set({
@@ -23788,11 +23788,11 @@ function SZ(e, t, n = e2) {
 function em(e, t) {
   let n = DR.get(e);
   if (n || (n = {
-    all: ut.set(void 0, { deep: !1 }),
+    all: ft.set(void 0, { deep: !1 }),
     byType: /* @__PURE__ */ new WeakMap()
   }, DR.set(e, n)), t) {
     let r = n.byType.get(t);
-    return r || (r = ut.set(void 0, { deep: !1 }), n.byType.set(t, r)), r;
+    return r || (r = ft.set(void 0, { deep: !1 }), n.byType.set(t, r)), r;
   } else
     return n.all;
 }
@@ -23868,7 +23868,7 @@ Xn(`${tm}::set`, (e, t, n) => {
 Fe((e) => {
   if (sr && !pn(e))
     throw he("assertion failed: expected an observable object");
-  const t = ut.map();
+  const t = ft.map();
   t.dataObject = e;
   const n = Object.keys(e);
   for (let i = 0; i < n.length; i++) {
@@ -23923,7 +23923,7 @@ Fe((e) => {
   if (sr && !Dn(e))
     throw he("assertion failed: expected an observable array");
   let t;
-  if (rh() >= 6 ? t = ut.map(e) : (t = ut.map(), e.forEach(([o, i]) => {
+  if (rh() >= 6 ? t = ft.map(e) : (t = ft.map(), e.forEach(([o, i]) => {
     t.set(o, i);
   })), t.dataObject = e, t.size !== e.length)
     throw he("arrays backing a map cannot contain duplicate keys");
@@ -23988,7 +23988,7 @@ Fe((e) => {
   if (sr && !Dn(e))
     throw he("assertion failed: expected an observable array");
   let t;
-  if (rh() >= 6 ? t = ut.set(e) : (t = ut.set(), e.forEach((o) => {
+  if (rh() >= 6 ? t = ft.set(e) : (t = ft.set(), e.forEach((o) => {
     t.add(o);
   })), t.dataObject = e, t.size !== e.length)
     throw he("arrays backing a set cannot contain duplicate values");
@@ -28785,7 +28785,7 @@ var sm = function(e, t, n, r) {
       this.current = t, this.dispose();
     }
   }), sm([
-    ut.ref
+    ft.ref
   ], e.prototype, "current", void 0), sm([
     Fe.bound
   ], e.prototype, "next", null), sm([
@@ -28820,12 +28820,12 @@ var Kg = function() {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: ut.map({})
+      value: ft.map({})
     }), Object.defineProperty(this, "localComputedValues", {
       enumerable: !0,
       configurable: !0,
       writable: !0,
-      value: ut.map({})
+      value: ft.map({})
     }), Object.defineProperty(this, "isPropertyDirty", {
       enumerable: !0,
       configurable: !0,
@@ -29023,7 +29023,7 @@ var mne = /* @__PURE__ */ function() {
     writable: !0,
     value: function(n) {
       var r = e.prototype.get.call(this, n);
-      return r === void 0 && (r = ut([], { name: "GroupArray[" + this._keyToName(n) + "]", deep: !1 }), e.prototype.set.call(this, n, r)), r;
+      return r === void 0 && (r = ft([], { name: "GroupArray[" + this._keyToName(n) + "]", deep: !1 }), e.prototype.set.call(this, n, r)), r;
     }
   }), Object.defineProperty(t.prototype, "_removeFromGroupArr", {
     enumerable: !1,
@@ -30825,10 +30825,10 @@ class S2 {
   }
 }
 zj([
-  ut
+  ft
 ], S2.prototype, "progress");
 zj([
-  ut
+  ft
 ], S2.prototype, "status");
 var ioe = Object.defineProperty, soe = Object.getOwnPropertyDescriptor, qj = (e, t, n, r) => {
   for (var o = r > 1 ? void 0 : r ? soe(t, n) : t, i = e.length - 1, s; i >= 0; i--)
@@ -30871,7 +30871,7 @@ class E2 {
   }
 }
 qj([
-  ut
+  ft
 ], E2.prototype, "_status", 2);
 qj([
   ct
@@ -30921,7 +30921,7 @@ TS = loe([
   wr("MessageDrafts")
 ], TS);
 const uoe = TS;
-var dt = /* @__PURE__ */ ((e) => (e.Login = "login", e.Signup = "signup", e.Profile = "profile", e.Channels = "channels", e.Direct = "direct", e.Users = "users", e.Polls = "polls", e.CreatePoll = "create_poll", e.PollResultDetail = "poll_result_detail", e.PollResultOpenEndedDetail = "poll_result_open_ended_detail", e))(dt || {}), foe = Object.defineProperty, doe = Object.getOwnPropertyDescriptor, fn = (e, t, n, r) => {
+var ut = /* @__PURE__ */ ((e) => (e.Login = "login", e.Signup = "signup", e.Profile = "profile", e.Channels = "channels", e.Direct = "direct", e.Users = "users", e.Polls = "polls", e.CreatePoll = "create_poll", e.PollResultDetail = "poll_result_detail", e.PollResultOpenEndedDetail = "poll_result_open_ended_detail", e))(ut || {}), foe = Object.defineProperty, doe = Object.getOwnPropertyDescriptor, fn = (e, t, n, r) => {
   for (var o = r > 1 ? void 0 : r ? doe(t, n) : t, i = e.length - 1, s; i >= 0; i--)
     (s = e[i]) && (o = (r ? s(t, n, o) : s(o)) || o);
   return r && o && foe(t, n, o), o;
@@ -30964,10 +30964,10 @@ let $t = class extends br({
     let n = 0;
     const r = lp(this);
     return e.forEach((o) => {
-      var i;
+      var i, s;
       if (!(o.type === kc.System && !o.meta)) {
-        this.messages.has(o.id) || (t += 1, console.log(`craetedAt=${o.createdAt}   getTime=${new Date(o.createdAt).getTime()}`), (this.id !== ((i = r.currentChannel) == null ? void 0 : i.id) || !r.ui.route.includes(dt.Channels)) && (n = new Date(o.createdAt).getTime() > this.lastReadTimestamp ? n + 1 : n));
-        const s = new mp({
+        this.messages.has(o.id) || (t += 1, console.log(`craetedAt=${o.createdAt}   getTime=${new Date(o.createdAt).getTime()}   ${new Date(o.createdAt).getTime() > this.lastReadTimestamp}`), console.log(`this.id !== root.currentChannel?.id=${this.id !== ((i = r.currentChannel) == null ? void 0 : i.id)}`), console.log(`!root.ui.route.includes(Routes.Channels)=${!r.ui.route.includes(ut.Channels)}`), console.log("root.currentChannel=", r.currentChannel), console.log("this.id=", this.id), console.log("root.ui.route=", r.ui.route), (this.id !== ((s = r.currentChannel) == null ? void 0 : s.id) || !r.ui.route.includes(ut.Channels)) && (n = new Date(o.createdAt).getTime() > this.lastReadTimestamp ? n + 1 : n, console.log(`iterattion unreadMessagesCount=${n}`)));
+        const a = new mp({
           id: o.id,
           randomId: o.randomId || null,
           text: o.text,
@@ -30978,7 +30978,7 @@ let $t = class extends br({
           systemData: null,
           attachments: o.attachments ?? []
         });
-        o.type === kc.System && s.loadSystemData(r, o.meta.event, o.meta.data), this.messages.set(o.id, s);
+        o.type === kc.System && a.loadSystemData(r, o.meta.event, o.meta.data), this.messages.set(o.id, a);
       }
     }), console.log("unreadMessagesCount=", this.unreadMessagesCount + n), this.unreadMessagesCount += n, t;
   }
@@ -31335,7 +31335,7 @@ let ar = class extends br({
   }
 };
 Yr([
-  ut
+  ft
 ], ar.prototype, "fetchingQueueUser", 2);
 Yr([
   ct
@@ -33815,12 +33815,12 @@ const Xoe = async (e) => {
   _e.info("Joining to external channel", { channelId: t });
   const n = e.chat.channelsList.find((r) => r.externalId === t);
   if (n) {
-    e.ui.setRoute(`${dt.Channels}/${n.id}`), _e.info("Joining to external channel skipping, already joined", { channelId: t });
+    e.ui.setRoute(`${ut.Channels}/${n.id}`), _e.info("Joining to external channel skipping, already joined", { channelId: t });
     return;
   }
   try {
     const r = await Gr(`channels/join-external/${t}`);
-    e.chat.pubs.delete(r.id), e.chat.addChannels([r]), e.ui.setRoute(`${dt.Channels}/${r.id}`), _e.info("Joined to external channel", { channelId: t });
+    e.chat.pubs.delete(r.id), e.chat.addChannels([r]), e.ui.setRoute(`${ut.Channels}/${r.id}`), _e.info("Joined to external channel", { channelId: t });
   } catch (r) {
     throw _e.error("Failed to join channel by external id", {
       case: "joinChannelByExternalId",
@@ -33846,7 +33846,7 @@ const Xoe = async (e) => {
     _e.error("Failed to fetch messages", { case: "fetchMessagesBefore", error: s, channelId: t, appId: e.auth.appId }), Ft(s, (a) => a.setTransactionName("fetch messages"));
   }
   return 0;
-}, oD = (e) => e.ui.channelId ? Qoe(e, e.ui.channelId) : e.ui.setRoute(dt.Channels), $oe = (e, t) => {
+}, oD = (e) => e.ui.channelId ? Qoe(e, e.ui.channelId) : e.ui.setRoute(ut.Channels), $oe = (e, t) => {
   switch (t) {
     case "/reset": {
       e.reset();
@@ -33997,7 +33997,7 @@ let gp = class extends br({
     }, r = async (T) => {
       await rv(t, T.channelId, { messages: [T.message] }), n(T);
     }, o = async (T) => {
-      T.tabId === t.chat.tabId && (await rv(t, T.id, { messages: T.messages, users: T.users }), t.ui.setRoute(`${dt.Channels}/${T.id}`));
+      T.tabId === t.chat.tabId && (await rv(t, T.id, { messages: T.messages, users: T.users }), t.ui.setRoute(`${ut.Channels}/${T.id}`));
     }, i = (T) => {
       const b = t.chat.channels.get(`${T.channelId}`);
       if (!b) {
@@ -34164,7 +34164,7 @@ let gp = class extends br({
   }
 };
 sD([
-  ut
+  ft
 ], gp.prototype, "messageChunk", 2);
 gp = sD([
   wr("SocketStore")
@@ -35440,7 +35440,7 @@ let Ma = class extends br({
   }
 };
 gh([
-  ut
+  ft
 ], Ma.prototype, "messageListDimensions", 2);
 gh([
   st
@@ -39131,7 +39131,7 @@ const yP = {
 }, gce = () => {
   const e = pe.useContext(_2);
   return e ? e.chatSnackbarContainer : null;
-}, vce = "@vlprojects-chat/chat", yce = "vlprojects", bce = "0.17.0-LD-8093.8", 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.10", wce = "vlprojects chat", Sce = "ISC", Ece = "dist/index.d.ts", xce = "./dist/index.mjs", Cce = "./dist/index.mjs", Tce = [
   "dist"
 ], Oce = {
   type: "git",
@@ -45905,7 +45905,7 @@ const Ode = (e) => {
   );
 }, Rde = (e) => {
   const t = ot(), { id: n } = t.ui.params, { length: r, pollId: o } = e, i = () => {
-    t.ui.setRoute(`${dt.PollResultOpenEndedDetail}/${n}/${o}`);
+    t.ui.setRoute(`${ut.PollResultOpenEndedDetail}/${n}/${o}`);
   }, s = !!r;
   return /* @__PURE__ */ h.jsx(ZD, { children: /* @__PURE__ */ h.jsx(Mn, { variant: "link", onClick: i, disabled: !s, children: /* @__PURE__ */ h.jsxs(Ne, { container: !0, wrap: "nowrap", alignItems: "center", columnGap: "6px", children: [
     /* @__PURE__ */ h.jsx(Ode, {}),
@@ -47033,7 +47033,7 @@ const Jde = /* @__PURE__ */ sf(Xde), _i = it(({ route: e, children: t }) => {
           const n = w6();
           await O2(t, n);
         } else
-          t.ui.setRoute(dt.Login);
+          t.ui.setRoute(ut.Login);
     }),
     []
   ), t.auth.isAuthorized ? e : t.auth.isAnonymousAllowed ? /* @__PURE__ */ h.jsx(h.Fragment, { children: /* @__PURE__ */ h.jsx(Bp, { color: "secondary" }) }) : /* @__PURE__ */ h.jsx(upe, {});
@@ -54529,72 +54529,72 @@ const K6 = /* @__PURE__ */ j.forwardRef(function(t, n) {
   let ee = oe;
   if (I.env.NODE_ENV !== "production") {
     const {
-      current: ft
+      current: dt
     } = j.useRef(A !== void 0);
     j.useEffect(() => {
-      V && V.disabled && !ft && X !== "" && V.tagName.toLowerCase() === "button" && console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
+      V && V.disabled && !dt && X !== "" && V.tagName.toLowerCase() === "button" && console.error(["MUI: You are providing a disabled `button` child to the Tooltip component.", "A disabled element does not fire events.", "Tooltip needs to listen to the child element's events to display the title.", "", "Add a simple wrapper element, such as a `span`."].join(`
 `));
-    }, [X, V, ft]);
+    }, [X, V, dt]);
   }
   const Ce = e5(T), $ = j.useRef(), we = ma(() => {
     $.current !== void 0 && (document.body.style.WebkitUserSelect = $.current, $.current = void 0), te.clear();
   });
   j.useEffect(() => we, [we]);
-  const Me = (ft) => {
-    iI.clear(), bm = !0, ie(!0), O && !ee && O(ft);
+  const Me = (dt) => {
+    iI.clear(), bm = !0, ie(!0), O && !ee && O(dt);
   }, je = ma(
     /**
      * @param {React.SyntheticEvent | Event} event
      */
-    (ft) => {
+    (dt) => {
       iI.start(800 + b, () => {
         bm = !1;
-      }), ie(!1), x && ee && x(ft), K.start(ae.transitions.duration.shortest, () => {
+      }), ie(!1), x && ee && x(dt), K.start(ae.transitions.duration.shortest, () => {
         U.current = !1;
       });
     }
-  ), Ve = (ft) => {
-    U.current && ft.type !== "touchstart" || (V && V.removeAttribute("title"), re.clear(), z.clear(), g || bm && v ? re.start(bm ? v : g, () => {
-      Me(ft);
-    }) : Me(ft));
-  }, $e = (ft) => {
+  ), Ve = (dt) => {
+    U.current && dt.type !== "touchstart" || (V && V.removeAttribute("title"), re.clear(), z.clear(), g || bm && v ? re.start(bm ? v : g, () => {
+      Me(dt);
+    }) : Me(dt));
+  }, $e = (dt) => {
     re.clear(), z.start(b, () => {
-      je(ft);
+      je(dt);
     });
-  }, [, Ke] = j.useState(!1), Xe = (ft) => {
-    mg(ft.target) || (Ke(!1), $e(ft));
-  }, Tt = (ft) => {
-    V || q(ft.currentTarget), mg(ft.target) && (Ke(!0), Ve(ft));
-  }, Pe = (ft) => {
+  }, [, Ke] = j.useState(!1), Xe = (dt) => {
+    mg(dt.target) || (Ke(!1), $e(dt));
+  }, Tt = (dt) => {
+    V || q(dt.currentTarget), mg(dt.target) && (Ke(!0), Ve(dt));
+  }, Pe = (dt) => {
     U.current = !0;
     const po = ne.props;
-    po.onTouchStart && po.onTouchStart(ft);
-  }, fe = (ft) => {
-    Pe(ft), z.clear(), K.clear(), we(), $.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", te.start(y, () => {
-      document.body.style.WebkitUserSelect = $.current, Ve(ft);
+    po.onTouchStart && po.onTouchStart(dt);
+  }, fe = (dt) => {
+    Pe(dt), z.clear(), K.clear(), we(), $.current = document.body.style.WebkitUserSelect, document.body.style.WebkitUserSelect = "none", te.start(y, () => {
+      document.body.style.WebkitUserSelect = $.current, Ve(dt);
     });
-  }, ye = (ft) => {
-    ne.props.onTouchEnd && ne.props.onTouchEnd(ft), we(), z.start(S, () => {
-      je(ft);
+  }, ye = (dt) => {
+    ne.props.onTouchEnd && ne.props.onTouchEnd(dt), we(), z.start(S, () => {
+      je(dt);
     });
   };
   j.useEffect(() => {
     if (!ee)
       return;
-    function ft(po) {
+    function dt(po) {
       po.key === "Escape" && je(po);
     }
-    return document.addEventListener("keydown", ft), () => {
-      document.removeEventListener("keydown", ft);
+    return document.addEventListener("keydown", dt), () => {
+      document.removeEventListener("keydown", dt);
     };
   }, [je, ee]);
   const Re = Fn(Fp(ne), q, n);
   !X && X !== 0 && (ee = !1);
-  const Ee = j.useRef(), ge = (ft) => {
+  const Ee = j.useRef(), ge = (dt) => {
     const po = ne.props;
-    po.onMouseMove && po.onMouseMove(ft), ld = {
-      x: ft.clientX,
-      y: ft.clientY
+    po.onMouseMove && po.onMouseMove(dt), ld = {
+      x: dt.clientX,
+      y: dt.clientY
     }, Ee.current && Ee.current.update();
   }, ze = {}, P = typeof X == "string";
   l ? (ze.title = !ee && P && !p ? X : null, ze["aria-describedby"] = ee ? Ce : null) : (ze["aria-label"] = P ? X : null, ze["aria-labelledby"] = ee && !P ? Ce : null);
@@ -54618,7 +54618,7 @@ const K6 = /* @__PURE__ */ j.forwardRef(function(t, n) {
 `));
   const M = j.useMemo(() => {
     var po;
-    let ft = [{
+    let dt = [{
       name: "arrow",
       enabled: !!D,
       options: {
@@ -54626,9 +54626,9 @@ const K6 = /* @__PURE__ */ j.forwardRef(function(t, n) {
         padding: 4
       }
     }];
-    return (po = R.popperOptions) != null && po.modifiers && (ft = ft.concat(R.popperOptions.modifiers)), {
+    return (po = R.popperOptions) != null && po.modifiers && (dt = dt.concat(R.popperOptions.modifiers)), {
       ...R.popperOptions,
-      modifiers: ft
+      modifiers: dt
     };
   }, [D, R]), J = {
     ...r,
@@ -54674,10 +54674,10 @@ const K6 = /* @__PURE__ */ j.forwardRef(function(t, n) {
       ...sn,
       popperOptions: M,
       children: ({
-        TransitionProps: ft
+        TransitionProps: dt
       }) => /* @__PURE__ */ h.jsx(Ze, {
         timeout: ae.transitions.duration.shorter,
-        ...ft,
+        ...dt,
         ...Vt,
         children: /* @__PURE__ */ h.jsxs(Dt, {
           ...Ph,
@@ -61525,10 +61525,10 @@ const Ebe = (e) => {
 }, Tbe = (e, t) => e.chat.directChannelsList.find((r) => r.directUsersOnly.find((o) => o.id === t.id)), e_ = async (e, t) => {
   const n = Tbe(e, t);
   if (n != null && n.id)
-    return e.ui.setRoute(`${dt.Channels}/${n.id}`);
+    return e.ui.setRoute(`${ut.Channels}/${n.id}`);
   const r = await Cbe(e, t);
   if (r)
-    return await rv(e, r.id, { users: r.users }), e.ui.setRoute(`${dt.Channels}/${r.id}`);
+    return await rv(e, r.id, { users: r.users }), e.ui.setRoute(`${ut.Channels}/${r.id}`);
 }, JI = ({ selected: e, isError: t, user: n }) => {
   const r = (n == null ? void 0 : n.getAvatarColor) || pp.AVATAR2_RED;
   switch (!0) {
@@ -62350,9 +62350,9 @@ const kbe = (e) => {
 }, Ybe = it(qbe), Kbe = ys("div")(), Xbe = (e) => {
   var x;
   const { currentChannel: t, isModerator: n } = e, r = ot(), { ui: o, chat: i, settings: s } = r, a = (t == null ? void 0 : t.type) === nn.Public || (t == null ? void 0 : t.type) === nn.Private, c = (t == null ? void 0 : t.type) === nn.Direct, { displayChannelList: l, displayDirect: u } = s, p = !l && c, d = wn(() => {
-    o.setRoute(`${dt.Polls}/${t.id}`);
+    o.setRoute(`${ut.Polls}/${t.id}`);
   }, []), m = wn(() => {
-    o.setRoute(`${dt.Direct}`);
+    o.setRoute(`${ut.Direct}`);
   }, []), g = Rn(null), v = i.channelsList;
   console.log("channelsForMe=", v);
   const y = i.channelsList.filter(({ type: O }) => [nn.Public, nn.Private].includes(O)).map((O) => O.unreadMessagesCount).reduce((O, A) => O + A, 0), E = Xr(() => {
@@ -62364,7 +62364,7 @@ const kbe = (e) => {
     return 0;
   }, [y]), T = t.type === nn.Direct ? $9(r, t.id) : /* @__PURE__ */ h.jsx(Te, { id: "chat" }), b = wn(() => {
     var O;
-    ((O = r.currentChannel) == null ? void 0 : O.type) === nn.Direct ? o.setRoute(dt.Direct) : o.back();
+    ((O = r.currentChannel) == null ? void 0 : O.type) === nn.Direct ? o.setRoute(ut.Direct) : o.back();
   }, []), S = i.channelsList.filter((O) => O.type === nn.Direct).map((O) => O.unreadMessagesCount).reduce((O, A) => O + A, 0);
   return /* @__PURE__ */ h.jsxs(
     Qa,
@@ -62463,7 +62463,7 @@ const kbe = (e) => {
   }
 }), e0e = (e) => {
   var s, a, c;
-  const { channel: t } = e, n = $be(), { ui: r } = ot(), o = t.lastMessage, i = () => r.setRoute(`${dt.Channels}/${t.id}`);
+  const { channel: t } = e, n = $be(), { ui: r } = ot(), o = t.lastMessage, i = () => r.setRoute(`${ut.Channels}/${t.id}`);
   return /* @__PURE__ */ h.jsxs(Ne, { container: !0, className: n.channelRow, onClick: i, alignItems: "center", children: [
     /* @__PURE__ */ h.jsx(Ne, { item: !0, xs: 6, children: /* @__PURE__ */ h.jsx(ve, { marginBottom: "6px", children: t.name }) }),
     /* @__PURE__ */ h.jsx(Ne, { item: !0, xs: 6, textAlign: "right", children: /* @__PURE__ */ h.jsx(
@@ -62500,7 +62500,7 @@ const kbe = (e) => {
   },
   { name: "ChannelList" }
 ), r0e = () => {
-  const e = ot(), t = n0e(), n = (o) => e.ui.setRoute(`${dt.Channels}/${o}`), r = (o) => async () => {
+  const e = ot(), t = n0e(), n = (o) => e.ui.setRoute(`${ut.Channels}/${o}`), r = (o) => async () => {
     await rv(e, o), n(o);
   };
   return /* @__PURE__ */ h.jsxs("div", { className: t.channelsList, children: [
@@ -62681,7 +62681,7 @@ const kbe = (e) => {
       }
     })();
   }, [e.chat.directChannelsList]);
-  const r = wn((i) => e.ui.setRoute(`${dt.Channels}/${i}`), []), o = e.chat.directChannelsList;
+  const r = wn((i) => e.ui.setRoute(`${ut.Channels}/${i}`), []), o = e.chat.directChannelsList;
   return t && !o.length ? /* @__PURE__ */ h.jsx(u0e, {}) : /* @__PURE__ */ h.jsx(Ne, { container: !0, direction: "column", flexGrow: 1, flexWrap: "nowrap", overflow: "auto", children: [...o].sort((i, s) => {
     var a, c;
     return new Date(((a = s.lastMessage) == null ? void 0 : a.createdAt) || 0).getTime() - new Date(((c = i.lastMessage) == null ? void 0 : c.createdAt) || 0).getTime();
@@ -62708,23 +62708,23 @@ const kbe = (e) => {
   },
   { name: "Channels" }
 ), h0e = (e) => {
-  const { channelTabType: t } = e, n = p0e(), r = ot(), { ui: o, settings: i } = r, s = t === dt.Direct && !i.displayChannelList, a = (l) => () => {
+  const { channelTabType: t } = e, n = p0e(), r = ot(), { ui: o, settings: i } = r, s = t === ut.Direct && !i.displayChannelList, a = (l) => () => {
     o.setRoute(`${l}`);
   }, c = () => {
-    t === dt.Direct && oD(r);
+    t === ut.Direct && oD(r);
   };
   return /* @__PURE__ */ h.jsx(Qa, { onBack: s ? c : void 0, children: /* @__PURE__ */ h.jsxs("div", { style: { display: "inline-flex" }, children: [
     i.displayChannelList && /* @__PURE__ */ h.jsx(
       Mn,
       {
         variant: "link",
-        onClick: a(dt.Channels),
+        onClick: a(ut.Channels),
         className: n.button,
         children: /* @__PURE__ */ h.jsx(
           wi,
           {
             title: /* @__PURE__ */ h.jsx(Te, { id: "channels" }),
-            active: t === dt.Channels
+            active: t === ut.Channels
           }
         )
       }
@@ -62733,13 +62733,13 @@ const kbe = (e) => {
       Mn,
       {
         variant: "link",
-        onClick: a(dt.Direct),
+        onClick: a(ut.Direct),
         className: n.button,
         children: /* @__PURE__ */ h.jsx(
           wi,
           {
             title: /* @__PURE__ */ h.jsx(Te, { id: "menuDirect" }),
-            active: t === dt.Direct
+            active: t === ut.Direct
           }
         )
       }
@@ -62777,11 +62777,11 @@ const kbe = (e) => {
 ), v0e = () => {
   const e = g0e(), t = ot();
   return /* @__PURE__ */ h.jsxs("div", { className: e.root, children: [
-    /* @__PURE__ */ h.jsxs("div", { className: e.buttonWrapper, onClick: () => t.ui.setRoute(dt.Profile), children: [
+    /* @__PURE__ */ h.jsxs("div", { className: e.buttonWrapper, onClick: () => t.ui.setRoute(ut.Profile), children: [
       /* @__PURE__ */ h.jsx(r_, {}),
       /* @__PURE__ */ h.jsx(ve, { variant: "body2", children: /* @__PURE__ */ h.jsx(Te, { id: "profile" }) })
     ] }),
-    /* @__PURE__ */ h.jsxs("div", { className: e.buttonWrapper, onClick: () => t.ui.setRoute(dt.Users), children: [
+    /* @__PURE__ */ h.jsxs("div", { className: e.buttonWrapper, onClick: () => t.ui.setRoute(ut.Users), children: [
       /* @__PURE__ */ h.jsx(m0e, {}),
       /* @__PURE__ */ h.jsx(ve, { variant: "body2", children: /* @__PURE__ */ h.jsx(Te, { id: "users" }) })
     ] })
@@ -62790,13 +62790,13 @@ const kbe = (e) => {
   const { channelTabType: t } = e, { settings: n, auth: r } = ot(), [o, i] = Qe(!1);
   return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     (n.displayHeader || r.isModerator) && /* @__PURE__ */ h.jsx(h0e, { channelTabType: t }),
-    t === dt.Channels && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
+    t === ut.Channels && /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
       /* @__PURE__ */ h.jsx(o0e, {}),
       n.createChannelAllowed && /* @__PURE__ */ h.jsx(Mn, { size: "medium", variant: "primary", onClick: () => i(!0), children: /* @__PURE__ */ h.jsx(Te, { id: "createNewChannel" }) }),
       o && /* @__PURE__ */ h.jsx(s0e, { onClose: () => i(!1) })
     ] }),
-    t === dt.Direct && /* @__PURE__ */ h.jsx(d0e, {}),
-    n.displayFooter && t !== dt.Direct && /* @__PURE__ */ h.jsx(v0e, {})
+    t === ut.Direct && /* @__PURE__ */ h.jsx(d0e, {}),
+    n.displayFooter && t !== ut.Direct && /* @__PURE__ */ h.jsx(v0e, {})
   ] });
 }, ZI = it(y0e);
 function CE() {
@@ -64483,14 +64483,14 @@ const C1e = (e) => {
   }
 }), A1e = (e) => {
   const { templatePoll: t, lastActivePoll: n } = e, r = ot(), { ui: o } = r, i = R1e(), s = r.currentChannel, a = n ? n.status : t.status, c = () => {
-    o.setRoute(`${dt.PollResultDetail}/${s == null ? void 0 : s.id}/${t == null ? void 0 : t.id}`);
+    o.setRoute(`${ut.PollResultDetail}/${s == null ? void 0 : s.id}/${t == null ? void 0 : t.id}`);
   }, l = () => {
     XD({ channel: s, templatePoll: t });
   }, u = () => {
     KD({
       activePoll: n,
       channel: s,
-      defaultErrorAction: () => o.setRoute(`${dt.Polls}`)
+      defaultErrorAction: () => o.setRoute(`${ut.Polls}`)
     });
   };
   switch (a) {
@@ -64610,7 +64610,7 @@ const C1e = (e) => {
     o();
   }, []);
   const r = () => {
-    t.setRoute(`${dt.CreatePoll}/${n == null ? void 0 : n.id}/undefined`);
+    t.setRoute(`${ut.CreatePoll}/${n == null ? void 0 : n.id}/undefined`);
   };
   return /* @__PURE__ */ h.jsxs(h.Fragment, { children: [
     /* @__PURE__ */ h.jsx(Qa, { onBack: () => t.back(), children: /* @__PURE__ */ h.jsx(wi, { children: /* @__PURE__ */ h.jsx(Te, { id: "chat" }) }) }),
@@ -65223,16 +65223,16 @@ const C1e = (e) => {
               autoHideDuration: 3e3,
               classes: { root: t.snackbar },
               children: /* @__PURE__ */ h.jsx(fpe, { children: /* @__PURE__ */ h.jsxs(U1e, { children: [
-                /* @__PURE__ */ h.jsx(_i, { route: dt.Profile, children: /* @__PURE__ */ h.jsx(F1e, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: `${dt.Users}/:id`, children: /* @__PURE__ */ h.jsx(u3, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: dt.Users, children: /* @__PURE__ */ h.jsx(u3, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: dt.Channels, children: /* @__PURE__ */ h.jsx(ZI, { channelTabType: dt.Channels }) }),
-                /* @__PURE__ */ h.jsx(_i, { route: dt.Direct, children: /* @__PURE__ */ h.jsx(ZI, { channelTabType: dt.Direct }) }),
-                /* @__PURE__ */ h.jsx(_i, { route: `${dt.Channels}/:id`, children: /* @__PURE__ */ h.jsx(Qbe, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: `${dt.Polls}/:id`, children: /* @__PURE__ */ h.jsx(_1e, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: `${dt.CreatePoll}/:id/:pollId`, children: /* @__PURE__ */ h.jsx(O1e, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: `${dt.PollResultDetail}/:id/:pollId`, children: /* @__PURE__ */ h.jsx(Nde, {}) }),
-                /* @__PURE__ */ h.jsx(_i, { route: `${dt.PollResultOpenEndedDetail}/:id/:pollId`, children: /* @__PURE__ */ h.jsx(kde, {}) })
+                /* @__PURE__ */ h.jsx(_i, { route: ut.Profile, children: /* @__PURE__ */ h.jsx(F1e, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: `${ut.Users}/:id`, children: /* @__PURE__ */ h.jsx(u3, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: ut.Users, children: /* @__PURE__ */ h.jsx(u3, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: ut.Channels, children: /* @__PURE__ */ h.jsx(ZI, { channelTabType: ut.Channels }) }),
+                /* @__PURE__ */ h.jsx(_i, { route: ut.Direct, children: /* @__PURE__ */ h.jsx(ZI, { channelTabType: ut.Direct }) }),
+                /* @__PURE__ */ h.jsx(_i, { route: `${ut.Channels}/:id`, children: /* @__PURE__ */ h.jsx(Qbe, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: `${ut.Polls}/:id`, children: /* @__PURE__ */ h.jsx(_1e, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: `${ut.CreatePoll}/:id/:pollId`, children: /* @__PURE__ */ h.jsx(O1e, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: `${ut.PollResultDetail}/:id/:pollId`, children: /* @__PURE__ */ h.jsx(Nde, {}) }),
+                /* @__PURE__ */ h.jsx(_i, { route: `${ut.PollResultOpenEndedDetail}/:id/:pollId`, children: /* @__PURE__ */ h.jsx(kde, {}) })
               ] }) })
             }
           )

package/package.json

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