react-pro-messenger 1.0.2 → 1.0.4

package/dist/index.es.js

@@ -1,7 +1,7 @@
 var yr = Object.defineProperty;
 var gr = (e, s, o) => s in e ? yr(e, s, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[s] = o;
 var de = (e, s, o) => gr(e, typeof s != "symbol" ? s + "" : s, o);
-import oe, { useState as le, useRef as ye, useEffect as mr, forwardRef as Re } from "react";
+import ne, { useState as se, useRef as ye, useEffect as mr, forwardRef as Re } from "react";
 import { AnimatePresence as dr, motion as We } from "framer-motion";
 class _e {
   constructor({
@@ -76,34 +76,34 @@ function wr() {
     function e(r) {
       if (r == null) return null;
       if (typeof r == "function")
-        return r.$$typeof === N ? null : r.displayName || r.name || null;
+        return r.$$typeof === L ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
         case V:
           return "Fragment";
         case c:
           return "Portal";
-        case q:
+        case F:
           return "Profiler";
-        case Z:
+        case H:
           return "StrictMode";
-        case ie:
+        case ae:
           return "Suspense";
-        case se:
+        case ie:
           return "SuspenseList";
       }
       if (typeof r == "object")
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case te:
+          case le:
             return (r.displayName || "Context") + ".Provider";
-          case X:
+          case re:
             return (r._context.displayName || "Context") + ".Consumer";
-          case ae:
+          case oe:
             var p = r.render;
             return r = r.displayName, r || (r = p.displayName || p.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case Q:
+          case K:
             return p = r.displayName || null, p !== null ? p : e(r.type) || "Memo";
           case ce:
             p = r._payload, r = r._init;
@@ -138,7 +138,7 @@ function wr() {
     }
     function i() {
       if (m === 0) {
-        _ = console.log, C = console.info, T = console.warn, P = console.error, A = console.group, k = console.groupCollapsed, J = console.groupEnd;
+        _ = console.log, E = console.info, O = console.warn, P = console.error, A = console.group, k = console.groupCollapsed, J = console.groupEnd;
         var r = {
           configurable: !0,
           enumerable: !0,
@@ -162,8 +162,8 @@ function wr() {
         var r = { configurable: !0, enumerable: !0, writable: !0 };
         Object.defineProperties(console, {
           log: u({}, r, { value: _ }),
-          info: u({}, r, { value: C }),
-          warn: u({}, r, { value: T }),
+          info: u({}, r, { value: E }),
+          warn: u({}, r, { value: O }),
           error: u({}, r, { value: P }),
           group: u({}, r, { value: A }),
           groupCollapsed: u({}, r, { value: k }),
@@ -180,11 +180,11 @@ function wr() {
           throw Error();
         } catch (v) {
           var p = v.stack.trim().match(/\n( *(at )?)/);
-          f = p && p[1] || "", ne = -1 < v.stack.indexOf(`
+          f = p && p[1] || "", te = -1 < v.stack.indexOf(`
     at`) ? " (<anonymous>)" : -1 < v.stack.indexOf("@") ? "@unknown:0:0" : "";
         }
       return `
-` + f + r + ne;
+` + f + r + te;
     }
     function y(r, p) {
       if (!r || pe) return "";
@@ -192,9 +192,9 @@ function wr() {
       if (v !== void 0) return v;
       pe = !0, v = Error.prepareStackTrace, Error.prepareStackTrace = void 0;
       var $ = null;
-      $ = H.H, H.H = null, i();
+      $ = Z.H, Z.H = null, i();
       try {
-        var G = {
+        var X = {
           DetermineComponentFrameRoot: function() {
             try {
               if (p) {
@@ -236,52 +236,52 @@ function wr() {
             return [null, null];
           }
         };
-        G.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
+        X.DetermineComponentFrameRoot.displayName = "DetermineComponentFrameRoot";
         var U = Object.getOwnPropertyDescriptor(
-          G.DetermineComponentFrameRoot,
+          X.DetermineComponentFrameRoot,
           "name"
         );
         U && U.configurable && Object.defineProperty(
-          G.DetermineComponentFrameRoot,
+          X.DetermineComponentFrameRoot,
           "name",
           { value: "DetermineComponentFrameRoot" }
         );
-        var E = G.DetermineComponentFrameRoot(), ue = E[0], xe = E[1];
+        var T = X.DetermineComponentFrameRoot(), ue = T[0], xe = T[1];
         if (ue && xe) {
-          var ee = ue.split(`
+          var Q = ue.split(`
 `), he = xe.split(`
 `);
-          for (E = U = 0; U < ee.length && !ee[U].includes(
+          for (T = U = 0; U < Q.length && !Q[U].includes(
             "DetermineComponentFrameRoot"
           ); )
             U++;
-          for (; E < he.length && !he[E].includes(
+          for (; T < he.length && !he[T].includes(
             "DetermineComponentFrameRoot"
           ); )
-            E++;
-          if (U === ee.length || E === he.length)
-            for (U = ee.length - 1, E = he.length - 1; 1 <= U && 0 <= E && ee[U] !== he[E]; )
-              E--;
-          for (; 1 <= U && 0 <= E; U--, E--)
-            if (ee[U] !== he[E]) {
-              if (U !== 1 || E !== 1)
+            T++;
+          if (U === Q.length || T === he.length)
+            for (U = Q.length - 1, T = he.length - 1; 1 <= U && 0 <= T && Q[U] !== he[T]; )
+              T--;
+          for (; 1 <= U && 0 <= T; U--, T--)
+            if (Q[U] !== he[T]) {
+              if (U !== 1 || T !== 1)
                 do
-                  if (U--, E--, 0 > E || ee[U] !== he[E]) {
+                  if (U--, T--, 0 > T || Q[U] !== he[T]) {
                     var be = `
-` + ee[U].replace(
+` + Q[U].replace(
                       " at new ",
                       " at "
                     );
                     return r.displayName && be.includes("<anonymous>") && (be = be.replace("<anonymous>", r.displayName)), typeof r == "function" && me.set(r, be), be;
                   }
-                while (1 <= U && 0 <= E);
+                while (1 <= U && 0 <= T);
               break;
             }
         }
       } finally {
-        pe = !1, H.H = $, a(), Error.prepareStackTrace = v;
+        pe = !1, Z.H = $, a(), Error.prepareStackTrace = v;
       }
-      return ee = (ee = r ? r.displayName || r.name : "") ? d(ee) : "", typeof r == "function" && me.set(r, ee), ee;
+      return Q = (Q = r ? r.displayName || r.name : "") ? d(Q) : "", typeof r == "function" && me.set(r, Q), Q;
     }
     function h(r) {
       if (r == null) return "";
@@ -294,16 +294,16 @@ function wr() {
       }
       if (typeof r == "string") return d(r);
       switch (r) {
-        case ie:
+        case ae:
           return d("Suspense");
-        case se:
+        case ie:
           return d("SuspenseList");
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case ae:
+          case oe:
             return r = y(r.render, !1), r;
-          case Q:
+          case K:
             return h(r.type);
           case ce:
             p = r._payload, r = r._init;
@@ -315,7 +315,7 @@ function wr() {
       return "";
     }
     function b() {
-      var r = H.A;
+      var r = Z.A;
       return r === null ? null : r.getOwner();
     }
     function g(r) {
@@ -343,13 +343,13 @@ function wr() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function z(r, p, v, $, G, U) {
+    function z(r, p, v, $, X, U) {
       return v = U.ref, r = {
         $$typeof: D,
         type: r,
         key: p,
         props: U,
-        _owner: G
+        _owner: X
       }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
         get: M
@@ -365,32 +365,32 @@ function wr() {
         value: null
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function B(r, p, v, $, G, U) {
-      if (typeof r == "string" || typeof r == "function" || r === V || r === q || r === Z || r === ie || r === se || r === O || typeof r == "object" && r !== null && (r.$$typeof === ce || r.$$typeof === Q || r.$$typeof === te || r.$$typeof === X || r.$$typeof === ae || r.$$typeof === w || r.getModuleId !== void 0)) {
-        var E = p.children;
-        if (E !== void 0)
+    function B(r, p, v, $, X, U) {
+      if (typeof r == "string" || typeof r == "function" || r === V || r === F || r === H || r === ae || r === ie || r === S || typeof r == "object" && r !== null && (r.$$typeof === ce || r.$$typeof === K || r.$$typeof === le || r.$$typeof === re || r.$$typeof === oe || r.$$typeof === w || r.getModuleId !== void 0)) {
+        var T = p.children;
+        if (T !== void 0)
           if ($)
-            if (x(E)) {
-              for ($ = 0; $ < E.length; $++)
-                R(E[$], r);
-              Object.freeze && Object.freeze(E);
+            if (x(T)) {
+              for ($ = 0; $ < T.length; $++)
+                R(T[$], r);
+              Object.freeze && Object.freeze(T);
             } else
               console.error(
                 "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
               );
-          else R(E, r);
+          else R(T, r);
       } else
-        E = "", (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), r === null ? $ = "null" : x(r) ? $ = "array" : r !== void 0 && r.$$typeof === D ? ($ = "<" + (e(r.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, console.error(
+        T = "", (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (T += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports."), r === null ? $ = "null" : x(r) ? $ = "array" : r !== void 0 && r.$$typeof === D ? ($ = "<" + (e(r.type) || "Unknown") + " />", T = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof r, console.error(
           "React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",
           $,
-          E
+          T
         );
       if (l.call(p, "key")) {
-        E = e(r);
-        var ue = Object.keys(p).filter(function(ee) {
-          return ee !== "key";
+        T = e(r);
+        var ue = Object.keys(p).filter(function(Q) {
+          return Q !== "key";
         });
-        $ = 0 < ue.length ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}", Je[E + $] || (ue = 0 < ue.length ? "{" + ue.join(": ..., ") + ": ...}" : "{}", console.error(
+        $ = 0 < ue.length ? "{key: someKey, " + ue.join(": ..., ") + ": ...}" : "{key: someKey}", Je[T + $] || (ue = 0 < ue.length ? "{" + ue.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -398,55 +398,55 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           $,
-          E,
+          T,
           ue,
-          E
-        ), Je[E + $] = !0);
+          T
+        ), Je[T + $] = !0);
       }
-      if (E = null, v !== void 0 && (o(v), E = "" + v), g(p) && (o(p.key), E = "" + p.key), "key" in p) {
+      if (T = null, v !== void 0 && (o(v), T = "" + v), g(p) && (o(p.key), T = "" + p.key), "key" in p) {
         v = {};
         for (var xe in p)
           xe !== "key" && (v[xe] = p[xe]);
       } else v = p;
-      return E && j(
+      return T && j(
         v,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), z(r, E, U, G, b(), v);
+      ), z(r, T, U, X, b(), v);
     }
     function R(r, p) {
       if (typeof r == "object" && r && r.$$typeof !== hr) {
         if (x(r))
           for (var v = 0; v < r.length; v++) {
             var $ = r[v];
-            W($) && F($, p);
+            W($) && q($, p);
           }
         else if (W(r))
           r._store && (r._store.validated = 1);
-        else if (r === null || typeof r != "object" ? v = null : (v = L && r[L] || r["@@iterator"], v = typeof v == "function" ? v : null), typeof v == "function" && v !== r.entries && (v = v.call(r), v !== r))
+        else if (r === null || typeof r != "object" ? v = null : (v = N && r[N] || r["@@iterator"], v = typeof v == "function" ? v : null), typeof v == "function" && v !== r.entries && (v = v.call(r), v !== r))
           for (; !(r = v.next()).done; )
-            W(r.value) && F(r.value, p);
+            W(r.value) && q(r.value, p);
       }
     }
     function W(r) {
       return typeof r == "object" && r !== null && r.$$typeof === D;
     }
-    function F(r, p) {
-      if (r._store && !r._store.validated && r.key == null && (r._store.validated = 1, p = re(p), !Xe[p])) {
+    function q(r, p) {
+      if (r._store && !r._store.validated && r.key == null && (r._store.validated = 1, p = ee(p), !Xe[p])) {
         Xe[p] = !0;
         var v = "";
         r && r._owner != null && r._owner !== b() && (v = null, typeof r._owner.tag == "number" ? v = e(r._owner.type) : typeof r._owner.name == "string" && (v = r._owner.name), v = " It was passed a child from " + v + ".");
-        var $ = H.getCurrentStack;
-        H.getCurrentStack = function() {
-          var G = h(r.type);
-          return $ && (G += $() || ""), G;
+        var $ = Z.getCurrentStack;
+        Z.getCurrentStack = function() {
+          var X = h(r.type);
+          return $ && (X += $() || ""), X;
         }, console.error(
           'Each child in a list should have a unique "key" prop.%s%s See https://react.dev/link/warning-keys for more information.',
           p,
           v
-        ), H.getCurrentStack = $;
+        ), Z.getCurrentStack = $;
       }
     }
-    function re(r) {
+    function ee(r) {
       var p = "", v = b();
       return v && (v = e(v.type)) && (p = `
 
@@ -454,13 +454,13 @@ Check the render method of \`` + v + "`."), p || (r = e(r)) && (p = `
 
 Check the top-level render call using <` + r + ">."), p;
     }
-    var S = oe, D = Symbol.for("react.transitional.element"), c = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), Z = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), te = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), ie = Symbol.for("react.suspense"), se = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), L = Symbol.iterator, N = Symbol.for("react.client.reference"), H = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, l = Object.prototype.hasOwnProperty, u = Object.assign, w = Symbol.for("react.client.reference"), x = Array.isArray, m = 0, _, C, T, P, A, k, J;
+    var C = ne, D = Symbol.for("react.transitional.element"), c = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), H = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), re = Symbol.for("react.consumer"), le = Symbol.for("react.context"), oe = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), ce = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), N = Symbol.iterator, L = Symbol.for("react.client.reference"), Z = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, l = Object.prototype.hasOwnProperty, u = Object.assign, w = Symbol.for("react.client.reference"), x = Array.isArray, m = 0, _, E, O, P, A, k, J;
     t.__reactDisabledLog = !0;
-    var f, ne, pe = !1, me = new (typeof WeakMap == "function" ? WeakMap : Map)(), hr = Symbol.for("react.client.reference"), Ze, He = {}, Je = {}, Xe = {};
-    je.Fragment = V, je.jsx = function(r, p, v, $, G) {
-      return B(r, p, v, !1, $, G);
-    }, je.jsxs = function(r, p, v, $, G) {
-      return B(r, p, v, !0, $, G);
+    var f, te, pe = !1, me = new (typeof WeakMap == "function" ? WeakMap : Map)(), hr = Symbol.for("react.client.reference"), Ze, He = {}, Je = {}, Xe = {};
+    je.Fragment = V, je.jsx = function(r, p, v, $, X) {
+      return B(r, p, v, !1, $, X);
+    }, je.jsxs = function(r, p, v, $, X) {
+      return B(r, p, v, !0, $, X);
     };
   }()), je;
 }
@@ -569,7 +569,7 @@ const Cr = ({
         className: "cursor-pointer flex items-center gap-2  w-full rounded-md text-left px-2  py-1 hover:bg-gray-200",
         onClick: () => a.onClick(t),
         children: [
-          oe.cloneElement(a.icon, {
+          ne.cloneElement(a.icon, {
             className: "text-black",
             size: 18
           }),
@@ -664,70 +664,70 @@ const Cr = ({
   onFileSend: o,
   dynamicSymbolAssignments: t
 }) => {
-  const [i, a] = le(""), [d, y] = le(!1), [h, b] = le(0), [g, j] = le(null), [M, z] = le(null), [B, R] = le(0), W = ye(null), F = ye([]), re = ye(null), S = ye(null), D = ye(null), [c, V] = le(!1), Z = (O) => {
-    const L = O.target.value;
-    a(L);
-    const N = L.match(/(\S+)$/);
-    if (N) {
-      const H = N[0];
+  const [i, a] = se(""), [d, y] = se(!1), [h, b] = se(0), [g, j] = se(null), [M, z] = se(null), [B, R] = se(0), W = ye(null), q = ye([]), ee = ye(null), C = ye(null), D = ye(null), [c, V] = se(!1), H = (S) => {
+    const N = S.target.value;
+    a(N);
+    const L = N.match(/(\S+)$/);
+    if (L) {
+      const Z = L[0];
       if (g) {
-        const l = N[0].split(g)[1];
+        const l = L[0].split(g)[1];
         z(l);
       }
-      t != null && t.some((l) => l.symbol === H) && j(H);
+      t != null && t.some((l) => l.symbol === Z) && j(Z);
     } else
       j(null);
-  }, q = (O, L) => {
-    a((N) => N + L + " "), j(null), S.current.focus();
-  }, X = () => {
+  }, F = (S, N) => {
+    a((L) => L + N + " "), j(null), C.current.focus();
+  }, re = () => {
     i.trim() !== "" && (e(i), a(""), j(null));
-  }, te = async () => {
-    y(!0), b(0), F.current = [], re.current = setInterval(() => {
-      b((N) => N + 1);
+  }, le = async () => {
+    y(!0), b(0), q.current = [], ee.current = setInterval(() => {
+      b((L) => L + 1);
     }, 1e3);
-    const O = await navigator.mediaDevices.getUserMedia({ audio: !0 }), L = new MediaRecorder(O);
-    W.current = L, L.ondataavailable = (N) => {
-      N.data.size > 0 && F.current.push(N.data);
-    }, L.onstop = () => {
-      clearInterval(re.current);
-      const N = new Blob(F.current, { type: "audio/mp3" }), H = URL.createObjectURL(N);
-      s(H), y(!1);
-    }, L.start();
+    const S = await navigator.mediaDevices.getUserMedia({ audio: !0 }), N = new MediaRecorder(S);
+    W.current = N, N.ondataavailable = (L) => {
+      L.data.size > 0 && q.current.push(L.data);
+    }, N.onstop = () => {
+      clearInterval(ee.current);
+      const L = new Blob(q.current, { type: "audio/mp3" }), Z = URL.createObjectURL(L);
+      s(Z), y(!1);
+    }, N.start();
+  }, oe = () => {
+    var S;
+    (S = W.current) == null || S.stop();
   }, ae = () => {
-    var O;
-    (O = W.current) == null || O.stop();
-  }, ie = () => {
-    var O;
-    (O = D.current) == null || O.click();
-  }, se = (O) => {
-    var N;
-    const L = (N = O.target.files) == null ? void 0 : N[0];
-    L && o(L);
-  }, Q = (O) => {
-    const L = Math.floor(O / 60), N = O % 60;
-    return `${L.toString().padStart(2, "0")}:${N.toString().padStart(2, "0")}`;
-  }, ce = (O) => {
-    const { scrollTop: L, scrollHeight: N, clientHeight: H } = O.currentTarget;
-    if (L > B) {
-      if (L + H >= N - 1) {
+    var S;
+    (S = D.current) == null || S.click();
+  }, ie = (S) => {
+    var L;
+    const N = (L = S.target.files) == null ? void 0 : L[0];
+    N && o(N);
+  }, K = (S) => {
+    const N = Math.floor(S / 60), L = S % 60;
+    return `${N.toString().padStart(2, "0")}:${L.toString().padStart(2, "0")}`;
+  }, ce = (S) => {
+    const { scrollTop: N, scrollHeight: L, clientHeight: Z } = S.currentTarget;
+    if (N > B) {
+      if (N + Z >= L - 1) {
         const u = t == null ? void 0 : t.find(
           (w) => w.symbol === g
         );
-        u && (u != null && u.updatePageNumber) && (V(!0), u == null || u.updatePageNumber(u.pagNumber + 1), R(L), setTimeout(() => {
+        u && (u != null && u.updatePageNumber) && (V(!0), u == null || u.updatePageNumber(u.pagNumber + 1), R(N), setTimeout(() => {
           V(!1);
         }, 500));
       }
     } else
-      R(L);
+      R(N);
   };
   return /* @__PURE__ */ n.jsxs("div", { className: "absolute bottom-0 w-full flex items-center p-2 pr-4 z-10", children: [
     d ? /* @__PURE__ */ n.jsxs("div", { className: "w-full flex justify-between items-center bg-white  p-2 pl-4 h-11 rounded-3xl ", children: [
-      /* @__PURE__ */ n.jsx("span", { className: "text-blue-400 font-bold flex-1", children: Q(h) }),
+      /* @__PURE__ */ n.jsx("span", { className: "text-blue-400 font-bold flex-1", children: K(h) }),
       /* @__PURE__ */ n.jsx(
         "button",
         {
           className: "cursor-pointer p-2 flex justify-center items-center bg-green-500 text-white rounded-full",
-          onClick: ae,
+          onClick: oe,
           children: /* @__PURE__ */ n.jsx(er, {})
         }
       )
@@ -736,7 +736,7 @@ const Cr = ({
         /* @__PURE__ */ n.jsx(
           "div",
           {
-            onClick: ie,
+            onClick: ae,
             className: "cursor-pointer absolute right-4 top-[11px]",
             children: /* @__PURE__ */ n.jsx(Tr, {})
           }
@@ -747,20 +747,20 @@ const Cr = ({
             type: "file",
             ref: D,
             style: { display: "none" },
-            onChange: se
+            onChange: ie
           }
         ),
         /* @__PURE__ */ n.jsx(
           "input",
           {
             type: "text",
-            ref: S,
+            ref: C,
             className: "w-full  bg-white flex-1 p-2 pl-4 border border-gray-300 outline-none rounded-tl-3xl rounded-tr-2xl rounded-bl-3xl  ",
             placeholder: "Type a message...",
             value: i,
-            onChange: Z,
-            onKeyDown: (O) => {
-              O.key === "Enter" && !O.shiftKey && (O.preventDefault(), X());
+            onChange: H,
+            onKeyDown: (S) => {
+              S.key === "Enter" && !S.shiftKey && (S.preventDefault(), re());
             }
           }
         ),
@@ -770,7 +770,7 @@ const Cr = ({
         "button",
         {
           className: "flex items-center justify-center cursor-pointer w-9 h-9 ml-2 p-2 bg-blue-500 text-white rounded-full hover:bg-blue-600 transition",
-          onClick: i ? X : te,
+          onClick: i ? re : le,
           children: i ? /* @__PURE__ */ n.jsx(er, {}) : /* @__PURE__ */ n.jsx(Or, {})
         }
       )
@@ -797,31 +797,31 @@ const Cr = ({
             )
           ] }),
           /* @__PURE__ */ n.jsxs("div", { className: "space-y-2", children: [
-            t ? t.filter((O) => O.symbol === g).map((O) => {
-              var H;
-              const { component: L, lists: N } = O;
-              return L ? M ? (H = N == null ? void 0 : N.filter((l) => l == null ? void 0 : l.name.includes(M))) == null ? void 0 : H.map((l, u) => /* @__PURE__ */ n.jsx(
+            t ? t.filter((S) => S.symbol === g).map((S) => {
+              var Z;
+              const { component: N, lists: L } = S;
+              return N ? M ? (Z = L == null ? void 0 : L.filter((l) => l == null ? void 0 : l.name.includes(M))) == null ? void 0 : Z.map((l, u) => /* @__PURE__ */ n.jsx(
                 "div",
                 {
                   className: "hover:bg-gray-100 rounded-md p-2 cursor-pointer",
                   children: /* @__PURE__ */ n.jsx(
-                    L,
+                    N,
                     {
                       listsProps: l,
-                      onClick: (w, x) => q(w, x)
+                      onClick: (w, x) => F(w, x)
                     }
                   )
                 },
                 u
-              )) : N == null ? void 0 : N.map((l, u) => /* @__PURE__ */ n.jsx(
+              )) : L == null ? void 0 : L.map((l, u) => /* @__PURE__ */ n.jsx(
                 "div",
                 {
                   className: "hover:bg-gray-100 rounded-md p-2 cursor-pointer",
                   children: /* @__PURE__ */ n.jsx(
-                    L,
+                    N,
                     {
                       listsProps: l,
-                      onClick: (w, x) => q(w, x)
+                      onClick: (w, x) => F(w, x)
                     }
                   )
                 },
@@ -912,7 +912,7 @@ const rr = ({
 );
 let Ce = null;
 const Pr = ({ src: e, className: s }) => {
-  const [o, t] = le(!1), [i, a] = le(0), d = ye(null);
+  const [o, t] = se(!1), [i, a] = se(0), d = ye(null);
   mr(() => {
     const h = d.current;
     if (!h) return;
@@ -972,7 +972,7 @@ const Pr = ({ src: e, className: s }) => {
         src: e
       }
     ) }) : null;
-}, Lr = ({
+}, Nr = ({
   message: e,
   showUserProfile: s,
   handleContextMenu: o,
@@ -1006,7 +1006,7 @@ const Pr = ({ src: e, className: s }) => {
       }
     )
   ] });
-}, Nr = () => /* @__PURE__ */ n.jsxs(
+}, Lr = () => /* @__PURE__ */ n.jsxs(
   "svg",
   {
     width: "16",
@@ -1051,7 +1051,7 @@ const Pr = ({ src: e, className: s }) => {
       /* @__PURE__ */ n.jsx("span", { children: o.text }),
       /* @__PURE__ */ n.jsxs("div", { className: "w-full flex gap-1 items-center justify-end", children: [
         /* @__PURE__ */ n.jsx("span", { className: "text-[10px]", children: new Date(o.createdDate).toLocaleTimeString().split(":")[0] + ":" + new Date(o.createdDate).toLocaleTimeString().split(":")[1] }),
-        /* @__PURE__ */ n.jsx(Nr, {})
+        /* @__PURE__ */ n.jsx(Lr, {})
       ] }),
       /* @__PURE__ */ n.jsx(De, { className: "fill-blue-200 rotate-180 absolute -right-2 bottom-0 [&>g>path]:fill-blue-200" })
     ]
@@ -1070,8 +1070,8 @@ var tr;
 function Ar() {
   if (tr) return I;
   tr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, y = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, j = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, z = e ? Symbol.for("react.memo") : 60115, B = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, W = e ? Symbol.for("react.fundamental") : 60117, F = e ? Symbol.for("react.responder") : 60118, re = e ? Symbol.for("react.scope") : 60119;
-  function S(c) {
+  var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, y = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, j = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, z = e ? Symbol.for("react.memo") : 60115, B = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, W = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, ee = e ? Symbol.for("react.scope") : 60119;
+  function C(c) {
     if (typeof c == "object" && c !== null) {
       var V = c.$$typeof;
       switch (V) {
@@ -1102,35 +1102,35 @@ function Ar() {
     }
   }
   function D(c) {
-    return S(c) === b;
+    return C(c) === b;
   }
   return I.AsyncMode = h, I.ConcurrentMode = b, I.ContextConsumer = y, I.ContextProvider = d, I.Element = s, I.ForwardRef = g, I.Fragment = t, I.Lazy = B, I.Memo = z, I.Portal = o, I.Profiler = a, I.StrictMode = i, I.Suspense = j, I.isAsyncMode = function(c) {
-    return D(c) || S(c) === h;
+    return D(c) || C(c) === h;
   }, I.isConcurrentMode = D, I.isContextConsumer = function(c) {
-    return S(c) === y;
+    return C(c) === y;
   }, I.isContextProvider = function(c) {
-    return S(c) === d;
+    return C(c) === d;
   }, I.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === s;
   }, I.isForwardRef = function(c) {
-    return S(c) === g;
+    return C(c) === g;
   }, I.isFragment = function(c) {
-    return S(c) === t;
+    return C(c) === t;
   }, I.isLazy = function(c) {
-    return S(c) === B;
+    return C(c) === B;
   }, I.isMemo = function(c) {
-    return S(c) === z;
+    return C(c) === z;
   }, I.isPortal = function(c) {
-    return S(c) === o;
+    return C(c) === o;
   }, I.isProfiler = function(c) {
-    return S(c) === a;
+    return C(c) === a;
   }, I.isStrictMode = function(c) {
-    return S(c) === i;
+    return C(c) === i;
   }, I.isSuspense = function(c) {
-    return S(c) === j;
+    return C(c) === j;
   }, I.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === t || c === b || c === a || c === i || c === j || c === M || typeof c == "object" && c !== null && (c.$$typeof === B || c.$$typeof === z || c.$$typeof === d || c.$$typeof === y || c.$$typeof === g || c.$$typeof === W || c.$$typeof === F || c.$$typeof === re || c.$$typeof === R);
-  }, I.typeOf = S, I;
+    return typeof c == "string" || typeof c == "function" || c === t || c === b || c === a || c === i || c === j || c === M || typeof c == "object" && c !== null && (c.$$typeof === B || c.$$typeof === z || c.$$typeof === d || c.$$typeof === y || c.$$typeof === g || c.$$typeof === W || c.$$typeof === q || c.$$typeof === ee || c.$$typeof === R);
+  }, I.typeOf = C, I;
 }
 var Y = {};
 /** @license React v16.13.1
@@ -1144,15 +1144,15 @@ var Y = {};
 var nr;
 function $r() {
   return nr || (nr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, y = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, j = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, z = e ? Symbol.for("react.memo") : 60115, B = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, W = e ? Symbol.for("react.fundamental") : 60117, F = e ? Symbol.for("react.responder") : 60118, re = e ? Symbol.for("react.scope") : 60119;
-    function S(f) {
+    var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, o = e ? Symbol.for("react.portal") : 60106, t = e ? Symbol.for("react.fragment") : 60107, i = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, d = e ? Symbol.for("react.provider") : 60109, y = e ? Symbol.for("react.context") : 60110, h = e ? Symbol.for("react.async_mode") : 60111, b = e ? Symbol.for("react.concurrent_mode") : 60111, g = e ? Symbol.for("react.forward_ref") : 60112, j = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, z = e ? Symbol.for("react.memo") : 60115, B = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, W = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, ee = e ? Symbol.for("react.scope") : 60119;
+    function C(f) {
       return typeof f == "string" || typeof f == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      f === t || f === b || f === a || f === i || f === j || f === M || typeof f == "object" && f !== null && (f.$$typeof === B || f.$$typeof === z || f.$$typeof === d || f.$$typeof === y || f.$$typeof === g || f.$$typeof === W || f.$$typeof === F || f.$$typeof === re || f.$$typeof === R);
+      f === t || f === b || f === a || f === i || f === j || f === M || typeof f == "object" && f !== null && (f.$$typeof === B || f.$$typeof === z || f.$$typeof === d || f.$$typeof === y || f.$$typeof === g || f.$$typeof === W || f.$$typeof === q || f.$$typeof === ee || f.$$typeof === R);
     }
     function D(f) {
       if (typeof f == "object" && f !== null) {
-        var ne = f.$$typeof;
-        switch (ne) {
+        var te = f.$$typeof;
+        switch (te) {
           case s:
             var pe = f.type;
             switch (pe) {
@@ -1173,17 +1173,17 @@ function $r() {
                   case d:
                     return me;
                   default:
-                    return ne;
+                    return te;
                 }
             }
           case o:
-            return ne;
+            return te;
         }
       }
     }
-    var c = h, V = b, Z = y, q = d, X = s, te = g, ae = t, ie = B, se = z, Q = o, ce = a, O = i, L = j, N = !1;
-    function H(f) {
-      return N || (N = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(f) || D(f) === h;
+    var c = h, V = b, H = y, F = d, re = s, le = g, oe = t, ae = B, ie = z, K = o, ce = a, S = i, N = j, L = !1;
+    function Z(f) {
+      return L || (L = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), l(f) || D(f) === h;
     }
     function l(f) {
       return D(f) === b;
@@ -1203,10 +1203,10 @@ function $r() {
     function _(f) {
       return D(f) === t;
     }
-    function C(f) {
+    function E(f) {
       return D(f) === B;
     }
-    function T(f) {
+    function O(f) {
       return D(f) === z;
     }
     function P(f) {
@@ -1221,7 +1221,7 @@ function $r() {
     function J(f) {
       return D(f) === j;
     }
-    Y.AsyncMode = c, Y.ConcurrentMode = V, Y.ContextConsumer = Z, Y.ContextProvider = q, Y.Element = X, Y.ForwardRef = te, Y.Fragment = ae, Y.Lazy = ie, Y.Memo = se, Y.Portal = Q, Y.Profiler = ce, Y.StrictMode = O, Y.Suspense = L, Y.isAsyncMode = H, Y.isConcurrentMode = l, Y.isContextConsumer = u, Y.isContextProvider = w, Y.isElement = x, Y.isForwardRef = m, Y.isFragment = _, Y.isLazy = C, Y.isMemo = T, Y.isPortal = P, Y.isProfiler = A, Y.isStrictMode = k, Y.isSuspense = J, Y.isValidElementType = S, Y.typeOf = D;
+    Y.AsyncMode = c, Y.ConcurrentMode = V, Y.ContextConsumer = H, Y.ContextProvider = F, Y.Element = re, Y.ForwardRef = le, Y.Fragment = oe, Y.Lazy = ae, Y.Memo = ie, Y.Portal = K, Y.Profiler = ce, Y.StrictMode = S, Y.Suspense = N, Y.isAsyncMode = Z, Y.isConcurrentMode = l, Y.isContextConsumer = u, Y.isContextProvider = w, Y.isElement = x, Y.isForwardRef = m, Y.isFragment = _, Y.isLazy = E, Y.isMemo = O, Y.isPortal = P, Y.isProfiler = A, Y.isStrictMode = k, Y.isSuspense = J, Y.isValidElementType = C, Y.typeOf = D;
   }()), Y;
 }
 var or;
@@ -1286,13 +1286,13 @@ function Ve() {
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return ke = e, ke;
 }
-var Le, sr;
+var Ne, sr;
 function vr() {
-  return sr || (sr = 1, Le = Function.call.bind(Object.prototype.hasOwnProperty)), Le;
+  return sr || (sr = 1, Ne = Function.call.bind(Object.prototype.hasOwnProperty)), Ne;
 }
-var Ne, lr;
+var Le, lr;
 function Yr() {
-  if (lr) return Ne;
+  if (lr) return Le;
   lr = 1;
   var e = function() {
   };
@@ -1337,7 +1337,7 @@ function Yr() {
   }
   return i.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (o = {});
-  }, Ne = i, Ne;
+  }, Le = i, Le;
 }
 var Me, cr;
 function zr() {
@@ -1364,25 +1364,25 @@ function zr() {
         return u;
     }
     var M = "<<anonymous>>", z = {
-      array: F("array"),
-      bigint: F("bigint"),
-      bool: F("boolean"),
-      func: F("function"),
-      number: F("number"),
-      object: F("object"),
-      string: F("string"),
-      symbol: F("symbol"),
-      any: re(),
-      arrayOf: S,
+      array: q("array"),
+      bigint: q("bigint"),
+      bool: q("boolean"),
+      func: q("function"),
+      number: q("number"),
+      object: q("object"),
+      string: q("string"),
+      symbol: q("symbol"),
+      any: ee(),
+      arrayOf: C,
       element: D(),
       elementType: c(),
       instanceOf: V,
-      node: te(),
-      objectOf: q,
-      oneOf: Z,
-      oneOfType: X,
-      shape: ie,
-      exact: se
+      node: le(),
+      objectOf: F,
+      oneOf: H,
+      oneOfType: re,
+      shape: ae,
+      exact: ie
     };
     function B(l, u) {
       return l === u ? l !== 0 || 1 / l === 1 / u : l !== l && u !== u;
@@ -1394,33 +1394,33 @@ function zr() {
     function W(l) {
       if (process.env.NODE_ENV !== "production")
         var u = {}, w = 0;
-      function x(_, C, T, P, A, k, J) {
-        if (P = P || M, k = k || T, J !== o) {
+      function x(_, E, O, P, A, k, J) {
+        if (P = P || M, k = k || O, J !== o) {
           if (h) {
             var f = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw f.name = "Invariant Violation", f;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var ne = P + ":" + T;
-            !u[ne] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var te = P + ":" + O;
+            !u[te] && // Avoid spamming the console because they are often not actionable except for lib authors
             w < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + k + "` prop on `" + P + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), u[ne] = !0, w++);
+            ), u[te] = !0, w++);
           }
         }
-        return C[T] == null ? _ ? C[T] === null ? new R("The " + A + " `" + k + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new R("The " + A + " `" + k + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : l(C, T, P, A, k);
+        return E[O] == null ? _ ? E[O] === null ? new R("The " + A + " `" + k + "` is marked as required " + ("in `" + P + "`, but its value is `null`.")) : new R("The " + A + " `" + k + "` is marked as required in " + ("`" + P + "`, but its value is `undefined`.")) : null : l(E, O, P, A, k);
       }
       var m = x.bind(null, !1);
       return m.isRequired = x.bind(null, !0), m;
     }
-    function F(l) {
-      function u(w, x, m, _, C, T) {
-        var P = w[x], A = O(P);
+    function q(l) {
+      function u(w, x, m, _, E, O) {
+        var P = w[x], A = S(P);
         if (A !== l) {
-          var k = L(P);
+          var k = N(P);
           return new R(
-            "Invalid " + _ + " `" + C + "` of type " + ("`" + k + "` supplied to `" + m + "`, expected ") + ("`" + l + "`."),
+            "Invalid " + _ + " `" + E + "` of type " + ("`" + k + "` supplied to `" + m + "`, expected ") + ("`" + l + "`."),
             { expectedType: l }
           );
         }
@@ -1428,20 +1428,20 @@ function zr() {
       }
       return W(u);
     }
-    function re() {
+    function ee() {
       return W(d);
     }
-    function S(l) {
-      function u(w, x, m, _, C) {
+    function C(l) {
+      function u(w, x, m, _, E) {
         if (typeof l != "function")
-          return new R("Property `" + C + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
-        var T = w[x];
-        if (!Array.isArray(T)) {
-          var P = O(T);
-          return new R("Invalid " + _ + " `" + C + "` of type " + ("`" + P + "` supplied to `" + m + "`, expected an array."));
+          return new R("Property `" + E + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
+        var O = w[x];
+        if (!Array.isArray(O)) {
+          var P = S(O);
+          return new R("Invalid " + _ + " `" + E + "` of type " + ("`" + P + "` supplied to `" + m + "`, expected an array."));
         }
-        for (var A = 0; A < T.length; A++) {
-          var k = l(T, A, m, _, C + "[" + A + "]", o);
+        for (var A = 0; A < O.length; A++) {
+          var k = l(O, A, m, _, E + "[" + A + "]", o);
           if (k instanceof Error)
             return k;
         }
@@ -1451,10 +1451,10 @@ function zr() {
     }
     function D() {
       function l(u, w, x, m, _) {
-        var C = u[w];
-        if (!y(C)) {
-          var T = O(C);
-          return new R("Invalid " + m + " `" + _ + "` of type " + ("`" + T + "` supplied to `" + x + "`, expected a single ReactElement."));
+        var E = u[w];
+        if (!y(E)) {
+          var O = S(E);
+          return new R("Invalid " + m + " `" + _ + "` of type " + ("`" + O + "` supplied to `" + x + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -1462,52 +1462,52 @@ function zr() {
     }
     function c() {
       function l(u, w, x, m, _) {
-        var C = u[w];
-        if (!e.isValidElementType(C)) {
-          var T = O(C);
-          return new R("Invalid " + m + " `" + _ + "` of type " + ("`" + T + "` supplied to `" + x + "`, expected a single ReactElement type."));
+        var E = u[w];
+        if (!e.isValidElementType(E)) {
+          var O = S(E);
+          return new R("Invalid " + m + " `" + _ + "` of type " + ("`" + O + "` supplied to `" + x + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return W(l);
     }
     function V(l) {
-      function u(w, x, m, _, C) {
+      function u(w, x, m, _, E) {
         if (!(w[x] instanceof l)) {
-          var T = l.name || M, P = H(w[x]);
-          return new R("Invalid " + _ + " `" + C + "` of type " + ("`" + P + "` supplied to `" + m + "`, expected ") + ("instance of `" + T + "`."));
+          var O = l.name || M, P = Z(w[x]);
+          return new R("Invalid " + _ + " `" + E + "` of type " + ("`" + P + "` supplied to `" + m + "`, expected ") + ("instance of `" + O + "`."));
         }
         return null;
       }
       return W(u);
     }
-    function Z(l) {
+    function H(l) {
       if (!Array.isArray(l))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), d;
-      function u(w, x, m, _, C) {
-        for (var T = w[x], P = 0; P < l.length; P++)
-          if (B(T, l[P]))
+      function u(w, x, m, _, E) {
+        for (var O = w[x], P = 0; P < l.length; P++)
+          if (B(O, l[P]))
             return null;
         var A = JSON.stringify(l, function(J, f) {
-          var ne = L(f);
-          return ne === "symbol" ? String(f) : f;
+          var te = N(f);
+          return te === "symbol" ? String(f) : f;
         });
-        return new R("Invalid " + _ + " `" + C + "` of value `" + String(T) + "` " + ("supplied to `" + m + "`, expected one of " + A + "."));
+        return new R("Invalid " + _ + " `" + E + "` of value `" + String(O) + "` " + ("supplied to `" + m + "`, expected one of " + A + "."));
       }
       return W(u);
     }
-    function q(l) {
-      function u(w, x, m, _, C) {
+    function F(l) {
+      function u(w, x, m, _, E) {
         if (typeof l != "function")
-          return new R("Property `" + C + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
-        var T = w[x], P = O(T);
+          return new R("Property `" + E + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
+        var O = w[x], P = S(O);
         if (P !== "object")
-          return new R("Invalid " + _ + " `" + C + "` of type " + ("`" + P + "` supplied to `" + m + "`, expected an object."));
-        for (var A in T)
-          if (t(T, A)) {
-            var k = l(T, A, m, _, C + "." + A, o);
+          return new R("Invalid " + _ + " `" + E + "` of type " + ("`" + P + "` supplied to `" + m + "`, expected an object."));
+        for (var A in O)
+          if (t(O, A)) {
+            var k = l(O, A, m, _, E + "." + A, o);
             if (k instanceof Error)
               return k;
           }
@@ -1515,49 +1515,49 @@ function zr() {
       }
       return W(u);
     }
-    function X(l) {
+    function re(l) {
       if (!Array.isArray(l))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), d;
       for (var u = 0; u < l.length; u++) {
         var w = l[u];
         if (typeof w != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + N(w) + " at index " + u + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + L(w) + " at index " + u + "."
           ), d;
       }
-      function x(m, _, C, T, P) {
+      function x(m, _, E, O, P) {
         for (var A = [], k = 0; k < l.length; k++) {
-          var J = l[k], f = J(m, _, C, T, P, o);
+          var J = l[k], f = J(m, _, E, O, P, o);
           if (f == null)
             return null;
           f.data && t(f.data, "expectedType") && A.push(f.data.expectedType);
         }
-        var ne = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
-        return new R("Invalid " + T + " `" + P + "` supplied to " + ("`" + C + "`" + ne + "."));
+        var te = A.length > 0 ? ", expected one of type [" + A.join(", ") + "]" : "";
+        return new R("Invalid " + O + " `" + P + "` supplied to " + ("`" + E + "`" + te + "."));
       }
       return W(x);
     }
-    function te() {
+    function le() {
       function l(u, w, x, m, _) {
-        return Q(u[w]) ? null : new R("Invalid " + m + " `" + _ + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
+        return K(u[w]) ? null : new R("Invalid " + m + " `" + _ + "` supplied to " + ("`" + x + "`, expected a ReactNode."));
       }
       return W(l);
     }
-    function ae(l, u, w, x, m) {
+    function oe(l, u, w, x, m) {
       return new R(
         (l || "React class") + ": " + u + " type `" + w + "." + x + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
       );
     }
-    function ie(l) {
-      function u(w, x, m, _, C) {
-        var T = w[x], P = O(T);
+    function ae(l) {
+      function u(w, x, m, _, E) {
+        var O = w[x], P = S(O);
         if (P !== "object")
-          return new R("Invalid " + _ + " `" + C + "` of type `" + P + "` " + ("supplied to `" + m + "`, expected `object`."));
+          return new R("Invalid " + _ + " `" + E + "` of type `" + P + "` " + ("supplied to `" + m + "`, expected `object`."));
         for (var A in l) {
           var k = l[A];
           if (typeof k != "function")
-            return ae(m, _, C, A, L(k));
-          var J = k(T, A, m, _, C + "." + A, o);
+            return oe(m, _, E, A, N(k));
+          var J = k(O, A, m, _, E + "." + A, o);
           if (J)
             return J;
         }
@@ -1565,22 +1565,22 @@ function zr() {
       }
       return W(u);
     }
-    function se(l) {
-      function u(w, x, m, _, C) {
-        var T = w[x], P = O(T);
+    function ie(l) {
+      function u(w, x, m, _, E) {
+        var O = w[x], P = S(O);
         if (P !== "object")
-          return new R("Invalid " + _ + " `" + C + "` of type `" + P + "` " + ("supplied to `" + m + "`, expected `object`."));
+          return new R("Invalid " + _ + " `" + E + "` of type `" + P + "` " + ("supplied to `" + m + "`, expected `object`."));
         var A = s({}, w[x], l);
         for (var k in A) {
           var J = l[k];
           if (t(l, k) && typeof J != "function")
-            return ae(m, _, C, k, L(J));
+            return oe(m, _, E, k, N(J));
           if (!J)
             return new R(
-              "Invalid " + _ + " `" + C + "` key `" + k + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(w[x], null, "  ") + `
+              "Invalid " + _ + " `" + E + "` key `" + k + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(w[x], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             );
-          var f = J(T, k, m, _, C + "." + k, o);
+          var f = J(O, k, m, _, E + "." + k, o);
           if (f)
             return f;
         }
@@ -1588,7 +1588,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       }
       return W(u);
     }
-    function Q(l) {
+    function K(l) {
       switch (typeof l) {
         case "number":
         case "string":
@@ -1598,7 +1598,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return !l;
         case "object":
           if (Array.isArray(l))
-            return l.every(Q);
+            return l.every(K);
           if (l === null || y(l))
             return !0;
           var u = j(l);
@@ -1606,12 +1606,12 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
             var w = u.call(l), x;
             if (u !== l.entries) {
               for (; !(x = w.next()).done; )
-                if (!Q(x.value))
+                if (!K(x.value))
                   return !1;
             } else
               for (; !(x = w.next()).done; ) {
                 var m = x.value;
-                if (m && !Q(m[1]))
+                if (m && !K(m[1]))
                   return !1;
               }
           } else
@@ -1624,14 +1624,14 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
     function ce(l, u) {
       return l === "symbol" ? !0 : u ? u["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && u instanceof Symbol : !1;
     }
-    function O(l) {
+    function S(l) {
       var u = typeof l;
       return Array.isArray(l) ? "array" : l instanceof RegExp ? "object" : ce(u, l) ? "symbol" : u;
     }
-    function L(l) {
+    function N(l) {
       if (typeof l > "u" || l === null)
         return "" + l;
-      var u = O(l);
+      var u = S(l);
       if (u === "object") {
         if (l instanceof Date)
           return "date";
@@ -1640,8 +1640,8 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
       }
       return u;
     }
-    function N(l) {
-      var u = L(l);
+    function L(l) {
+      var u = N(l);
       switch (u) {
         case "array":
         case "object":
@@ -1654,7 +1654,7 @@ Valid keys: ` + JSON.stringify(Object.keys(l), null, "  ")
           return u;
       }
     }
-    function H(l) {
+    function Z(l) {
       return !l.constructor || !l.constructor.name ? M : l.constructor.name;
     }
     return z.checkPropTypes = i, z.resetWarningCache = i.resetWarningCache, z.PropTypes = z, z;
@@ -1719,7 +1719,7 @@ function Dr() {
   return Oe.exports;
 }
 var Vr = /* @__PURE__ */ Dr();
-const K = /* @__PURE__ */ xr(Vr);
+const G = /* @__PURE__ */ xr(Vr);
 function $e() {
   return $e = Object.assign || function(e) {
     for (var s = 1; s < arguments.length; s++) {
@@ -1749,7 +1749,7 @@ function Fr(e, s) {
 }
 var qe = Re(function(e, s) {
   var o = e.color, t = o === void 0 ? "currentColor" : o, i = e.size, a = i === void 0 ? 24 : i, d = qr(e, ["color", "size"]);
-  return /* @__PURE__ */ oe.createElement("svg", $e({
+  return /* @__PURE__ */ ne.createElement("svg", $e({
     ref: s,
     xmlns: "http://www.w3.org/2000/svg",
     width: a,
@@ -1760,13 +1760,13 @@ var qe = Re(function(e, s) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ oe.createElement("polyline", {
+  }, d), /* @__PURE__ */ ne.createElement("polyline", {
     points: "20 6 9 17 4 12"
   }));
 });
 qe.propTypes = {
-  color: K.string,
-  size: K.oneOfType([K.string, K.number])
+  color: G.string,
+  size: G.oneOfType([G.string, G.number])
 };
 qe.displayName = "Check";
 function Ie() {
@@ -1798,7 +1798,7 @@ function Br(e, s) {
 }
 var Fe = Re(function(e, s) {
   var o = e.color, t = o === void 0 ? "currentColor" : o, i = e.size, a = i === void 0 ? 24 : i, d = Ur(e, ["color", "size"]);
-  return /* @__PURE__ */ oe.createElement("svg", Ie({
+  return /* @__PURE__ */ ne.createElement("svg", Ie({
     ref: s,
     xmlns: "http://www.w3.org/2000/svg",
     width: a,
@@ -1809,20 +1809,20 @@ var Fe = Re(function(e, s) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ oe.createElement("rect", {
+  }, d), /* @__PURE__ */ ne.createElement("rect", {
     x: "9",
     y: "9",
     width: "13",
     height: "13",
     rx: "2",
     ry: "2"
-  }), /* @__PURE__ */ oe.createElement("path", {
+  }), /* @__PURE__ */ ne.createElement("path", {
     d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
   }));
 });
 Fe.propTypes = {
-  color: K.string,
-  size: K.oneOfType([K.string, K.number])
+  color: G.string,
+  size: G.oneOfType([G.string, G.number])
 };
 Fe.displayName = "Copy";
 function Ye() {
@@ -1854,7 +1854,7 @@ function Hr(e, s) {
 }
 var Ue = Re(function(e, s) {
   var o = e.color, t = o === void 0 ? "currentColor" : o, i = e.size, a = i === void 0 ? 24 : i, d = Zr(e, ["color", "size"]);
-  return /* @__PURE__ */ oe.createElement("svg", Ye({
+  return /* @__PURE__ */ ne.createElement("svg", Ye({
     ref: s,
     xmlns: "http://www.w3.org/2000/svg",
     width: a,
@@ -1865,15 +1865,15 @@ var Ue = Re(function(e, s) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ oe.createElement("path", {
+  }, d), /* @__PURE__ */ ne.createElement("path", {
     d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"
-  }), /* @__PURE__ */ oe.createElement("path", {
+  }), /* @__PURE__ */ ne.createElement("path", {
     d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"
   }));
 });
 Ue.propTypes = {
-  color: K.string,
-  size: K.oneOfType([K.string, K.number])
+  color: G.string,
+  size: G.oneOfType([G.string, G.number])
 };
 Ue.displayName = "Edit";
 function ze() {
@@ -1905,7 +1905,7 @@ function Xr(e, s) {
 }
 var Be = Re(function(e, s) {
   var o = e.color, t = o === void 0 ? "currentColor" : o, i = e.size, a = i === void 0 ? 24 : i, d = Jr(e, ["color", "size"]);
-  return /* @__PURE__ */ oe.createElement("svg", ze({
+  return /* @__PURE__ */ ne.createElement("svg", ze({
     ref: s,
     xmlns: "http://www.w3.org/2000/svg",
     width: a,
@@ -1916,15 +1916,15 @@ var Be = Re(function(e, s) {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }, d), /* @__PURE__ */ oe.createElement("polyline", {
+  }, d), /* @__PURE__ */ ne.createElement("polyline", {
     points: "3 6 5 6 21 6"
-  }), /* @__PURE__ */ oe.createElement("path", {
+  }), /* @__PURE__ */ ne.createElement("path", {
     d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"
   }));
 });
 Be.propTypes = {
-  color: K.string,
-  size: K.oneOfType([K.string, K.number])
+  color: G.string,
+  size: G.oneOfType([G.string, G.number])
 };
 Be.displayName = "Trash";
 const Gr = ({
@@ -1935,17 +1935,16 @@ const Gr = ({
   onEditMessage: i,
   onDeleteMessage: a
 }) => {
-  const d = ye(null), [y, h] = le(!1), [b, g] = le(null), [j, M] = le(null), z = () => {
+  const d = ye(null), [y, h] = se(!1), [b, g] = se(null), [j, M] = se(null), z = () => {
     setTimeout(() => {
       d.current && (d.current.scrollTop = d.current.scrollHeight);
     }, 100);
   }, B = (c, V) => {
-    var te;
-    c.preventDefault();
-    const Z = (te = d.current) == null ? void 0 : te.getBoundingClientRect(), q = window.scrollX || document.documentElement.scrollLeft, X = window.scrollY || document.documentElement.scrollTop;
+    if (c.preventDefault(), !d.current) return;
+    const H = d.current.getBoundingClientRect();
     M({
-      x: c.clientX - ((Z == null ? void 0 : Z.left) ?? 0) + q,
-      y: c.clientY - ((Z == null ? void 0 : Z.top) ?? 0) + X,
+      x: c.clientX - H.left,
+      y: c.clientY - H.top,
       message: V
     });
   }, R = () => {
@@ -1959,7 +1958,7 @@ const Gr = ({
       createdDate: (/* @__PURE__ */ new Date()).toString()
     });
     o([...s, V]), t(V), z();
-  }, F = (c) => {
+  }, q = (c) => {
     const V = new _e({
       id: (/* @__PURE__ */ new Date()).toString(),
       text: "",
@@ -1970,8 +1969,8 @@ const Gr = ({
       createdDate: (/* @__PURE__ */ new Date()).toString()
     });
     o([...s, V]), t(V), z();
-  }, re = (c) => {
-    const V = URL.createObjectURL(c), Z = new _e({
+  }, ee = (c) => {
+    const V = URL.createObjectURL(c), H = new _e({
       id: (/* @__PURE__ */ new Date()).toString(),
       text: "",
       attachment: V,
@@ -1980,7 +1979,7 @@ const Gr = ({
       isRightSided: !0,
       createdDate: (/* @__PURE__ */ new Date()).toString()
     });
-    o([...s, Z]), t(Z), z();
+    o([...s, H]), t(H), z();
   };
   return {
     handleDeleteConfirmation: () => {
@@ -2019,8 +2018,8 @@ const Gr = ({
         }
       }
     ],
-    handleSendFile: re,
-    handleSendVoice: F,
+    handleSendFile: ee,
+    handleSendVoice: q,
     handleSendMessage: W,
     handleContextMenu: B,
     isModalOpen: y,
@@ -2041,7 +2040,7 @@ const Gr = ({
   onEditMessage: b,
   dynamicSymbolAssignments: g
 }) => {
-  var V, Z;
+  var V, H;
   const {
     handleDeleteConfirmation: j,
     handleCloseContextMenu: M,
@@ -2049,9 +2048,9 @@ const Gr = ({
     handleSendVoice: B,
     handleSendMessage: R,
     handleContextMenu: W,
-    contextMenuItems: F,
-    isModalOpen: re,
-    contextMenu: S,
+    contextMenuItems: q,
+    isModalOpen: ee,
+    contextMenu: C,
     chatRef: D,
     setIsModalOpen: c
   } = Gr({
@@ -2078,37 +2077,37 @@ const Gr = ({
           "div",
           {
             ref: D,
-            className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${S ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
-            children: /* @__PURE__ */ n.jsx(dr, { children: i.map((q, X) => {
-              var ie, se, Q;
-              const te = q != null && q.attachment ? /* @__PURE__ */ n.jsx(
+            className: `flex flex-col gap-2 flex-1 p-3 pb-16  ${C ? "overflow-hidden pr-[22px]" : "overflow-y-scroll"}`,
+            children: /* @__PURE__ */ n.jsx(dr, { children: i.map((F, re) => {
+              var ae, ie, K;
+              const le = F != null && F.attachment ? /* @__PURE__ */ n.jsx(
                 kr,
                 {
-                  attachment: q.attachment,
-                  attachmentType: q == null ? void 0 : q.attachmentType
+                  attachment: F.attachment,
+                  attachmentType: F == null ? void 0 : F.attachmentType
                 },
-                X
+                re
               ) : null;
-              if (q.isRightSided)
+              if (F.isRightSided)
                 return /* @__PURE__ */ n.jsx(
                   Mr,
                   {
-                    media: te,
+                    media: le,
                     handleContextMenu: W,
-                    message: q
+                    message: F
                   },
-                  X
+                  re
                 );
-              const ae = ((se = (ie = i[X - 1]) == null ? void 0 : ie.user) == null ? void 0 : se.id) !== ((Q = q == null ? void 0 : q.user) == null ? void 0 : Q.id);
+              const oe = ((ie = (ae = i[re - 1]) == null ? void 0 : ae.user) == null ? void 0 : ie.id) !== ((K = F == null ? void 0 : F.user) == null ? void 0 : K.id);
               return /* @__PURE__ */ n.jsx(
-                Lr,
+                Nr,
                 {
-                  showUserProfile: ae,
-                  media: te,
+                  showUserProfile: oe,
+                  media: le,
                   handleContextMenu: W,
-                  message: q
+                  message: F
                 },
-                X
+                re
               );
             }) })
           }
@@ -2116,21 +2115,24 @@ const Gr = ({
         /* @__PURE__ */ n.jsx(
           Cr,
           {
-            isOpen: re,
+            isOpen: ee,
             onClose: () => c(!1),
             onConfirm: j,
             header: "Confirm Delete",
             question: "Are you sure you want to delete this message?"
           }
         ),
-        S && ((V = S == null ? void 0 : S.message) != null && V.id) ? /* @__PURE__ */ n.jsx(
+        C && ((V = C == null ? void 0 : C.message) != null && V.id) ? /* @__PURE__ */ n.jsx(
           Er,
           {
-            items: F,
-            isVisible: !!S,
-            messageId: String(S == null ? void 0 : S.message.id),
-            isCurrentUserMessage: ((Z = S == null ? void 0 : S.message) == null ? void 0 : Z.user.id) === a.id,
-            position: S
+            items: q,
+            isVisible: !!C,
+            messageId: String(C == null ? void 0 : C.message.id),
+            isCurrentUserMessage: ((H = C == null ? void 0 : C.message) == null ? void 0 : H.user.id) === a.id,
+            position: {
+              x: C == null ? void 0 : C.x,
+              y: C == null ? void 0 : C.y
+            }
           }
         ) : null,
         /* @__PURE__ */ n.jsx(