@ethora/chat-component 26.3.25 → 26.3.26

package/dist/main.js

@@ -1,6 +1,6 @@
 import { jsx as g, jsxs as U, Fragment as je } from "react/jsx-runtime";
 import * as Pt from "react";
-import Ge, { useRef as be, useState as le, useCallback as de, useEffect as ge, createContext as JA, useContext as Kd, createElement as j6, useMemo as Ve, Fragment as Ku, forwardRef as W6, PureComponent as Y6 } from "react";
+import Ge, { useRef as be, useState as le, useCallback as de, useEffect as pe, createContext as JA, useContext as Kd, createElement as j6, useMemo as Ve, Fragment as Ku, forwardRef as W6, PureComponent as Y6 } from "react";
 function ci(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -8828,7 +8828,7 @@ function O5(e, t) {
   };
   return r(e);
 }
-let pe = class cy extends Error {
+let ge = class cy extends Error {
   static from(t, n, i, r, s, a) {
     const o = new cy(t.message, n || t.code, i, r, s);
     return o.cause = t, o.name = t.name, t.status != null && o.status == null && (o.status = t.status), a && Object.assign(o, a), o;
@@ -8876,20 +8876,20 @@ let pe = class cy extends Error {
     };
   }
 };
-pe.ERR_BAD_OPTION_VALUE = "ERR_BAD_OPTION_VALUE";
-pe.ERR_BAD_OPTION = "ERR_BAD_OPTION";
-pe.ECONNABORTED = "ECONNABORTED";
-pe.ETIMEDOUT = "ETIMEDOUT";
-pe.ECONNREFUSED = "ECONNREFUSED";
-pe.ERR_NETWORK = "ERR_NETWORK";
-pe.ERR_FR_TOO_MANY_REDIRECTS = "ERR_FR_TOO_MANY_REDIRECTS";
-pe.ERR_DEPRECATED = "ERR_DEPRECATED";
-pe.ERR_BAD_RESPONSE = "ERR_BAD_RESPONSE";
-pe.ERR_BAD_REQUEST = "ERR_BAD_REQUEST";
-pe.ERR_CANCELED = "ERR_CANCELED";
-pe.ERR_NOT_SUPPORT = "ERR_NOT_SUPPORT";
-pe.ERR_INVALID_URL = "ERR_INVALID_URL";
-pe.ERR_FORM_DATA_DEPTH_EXCEEDED = "ERR_FORM_DATA_DEPTH_EXCEEDED";
+ge.ERR_BAD_OPTION_VALUE = "ERR_BAD_OPTION_VALUE";
+ge.ERR_BAD_OPTION = "ERR_BAD_OPTION";
+ge.ECONNABORTED = "ECONNABORTED";
+ge.ETIMEDOUT = "ETIMEDOUT";
+ge.ECONNREFUSED = "ECONNREFUSED";
+ge.ERR_NETWORK = "ERR_NETWORK";
+ge.ERR_FR_TOO_MANY_REDIRECTS = "ERR_FR_TOO_MANY_REDIRECTS";
+ge.ERR_DEPRECATED = "ERR_DEPRECATED";
+ge.ERR_BAD_RESPONSE = "ERR_BAD_RESPONSE";
+ge.ERR_BAD_REQUEST = "ERR_BAD_REQUEST";
+ge.ERR_CANCELED = "ERR_CANCELED";
+ge.ERR_NOT_SUPPORT = "ERR_NOT_SUPPORT";
+ge.ERR_INVALID_URL = "ERR_INVALID_URL";
+ge.ERR_FORM_DATA_DEPTH_EXCEEDED = "ERR_FORM_DATA_DEPTH_EXCEEDED";
 const L5 = null;
 function Vf(e) {
   return q.isPlainObject(e) || q.isArray(e);
@@ -8933,7 +8933,7 @@ function fu(e, t, n) {
     if (q.isBoolean(p))
       return p.toString();
     if (!u && q.isBlob(p))
-      throw new pe("Blob is not supported. Use a Buffer instead.");
+      throw new ge("Blob is not supported. Use a Buffer instead.");
     return q.isArrayBuffer(p) || q.isTypedArray(p) ? u && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
   }
   function l(p, v, b) {
@@ -8962,9 +8962,9 @@ function fu(e, t, n) {
   function h(p, v, b = 0) {
     if (!q.isUndefined(p)) {
       if (b > A)
-        throw new pe(
+        throw new ge(
           "Object is too deeply nested (" + b + " levels). Max depth: " + A,
-          pe.ERR_FORM_DATA_DEPTH_EXCEEDED
+          ge.ERR_FORM_DATA_DEPTH_EXCEEDED
         );
       if (f.indexOf(p) !== -1)
         throw Error("Circular reference detected in " + v.join("."));
@@ -9189,7 +9189,7 @@ const wa = {
           return JSON.parse(t, er(this, "parseReviver"));
         } catch (A) {
           if (o)
-            throw A.name === "SyntaxError" ? pe.from(A, pe.ERR_BAD_RESPONSE, this, null, er(this, "response")) : A;
+            throw A.name === "SyntaxError" ? ge.from(A, ge.ERR_BAD_RESPONSE, this, null, er(this, "response")) : A;
         }
       }
       return t;
@@ -9231,7 +9231,7 @@ function ol(e, t) {
 function my(e) {
   return !!(e && e.__CANCEL__);
 }
-let ka = class extends pe {
+let ka = class extends ge {
   /**
    * A `CanceledError` is an object that is thrown when an operation is canceled.
    *
@@ -9242,14 +9242,14 @@ let ka = class extends pe {
    * @returns {CanceledError} The created error.
    */
   constructor(t, n, i) {
-    super(t ?? "canceled", pe.ERR_CANCELED, n, i), this.name = "CanceledError", this.__CANCEL__ = !0;
+    super(t ?? "canceled", ge.ERR_CANCELED, n, i), this.name = "CanceledError", this.__CANCEL__ = !0;
   }
 };
 function py(e, t, n) {
   const i = n.config.validateStatus;
-  !n.status || !i || i(n.status) ? e(n) : t(new pe(
+  !n.status || !i || i(n.status) ? e(n) : t(new ge(
     "Request failed with status code " + n.status,
-    n.status >= 400 && n.status < 500 ? pe.ERR_BAD_REQUEST : pe.ERR_BAD_RESPONSE,
+    n.status >= 400 && n.status < 500 ? ge.ERR_BAD_REQUEST : ge.ERR_BAD_RESPONSE,
     n.config,
     n.request,
     n
@@ -9507,17 +9507,17 @@ const AI = (e) => encodeURIComponent(e).replace(
     "onloadend" in v ? v.onloadend = b : v.onreadystatechange = function() {
       !v || v.readyState !== 4 || v.status === 0 && !(v.responseURL && v.responseURL.startsWith("file:")) || setTimeout(b);
     }, v.onabort = function() {
-      v && (i(new pe("Request aborted", pe.ECONNABORTED, e, v)), p(), v = null);
+      v && (i(new ge("Request aborted", ge.ECONNABORTED, e, v)), p(), v = null);
     }, v.onerror = function(C) {
-      const E = C && C.message ? C.message : "Network Error", y = new pe(E, pe.ERR_NETWORK, e, v);
+      const E = C && C.message ? C.message : "Network Error", y = new ge(E, ge.ERR_NETWORK, e, v);
       y.event = C || null, i(y), p(), v = null;
     }, v.ontimeout = function() {
       let C = r.timeout ? "timeout of " + r.timeout + "ms exceeded" : "timeout exceeded";
       const E = r.transitional || vh;
       r.timeoutErrorMessage && (C = r.timeoutErrorMessage), i(
-        new pe(
+        new ge(
           C,
-          E.clarifyTimeoutError ? pe.ETIMEDOUT : pe.ECONNABORTED,
+          E.clarifyTimeoutError ? ge.ETIMEDOUT : ge.ECONNABORTED,
           e,
           v
         )
@@ -9530,9 +9530,9 @@ const AI = (e) => encodeURIComponent(e).replace(
     const k = $5(r.url);
     if (k && !ht.protocols.includes(k)) {
       i(
-        new pe(
+        new ge(
           "Unsupported protocol " + k + ":",
-          pe.ERR_BAD_REQUEST,
+          ge.ERR_BAD_REQUEST,
           e
         )
       );
@@ -9549,12 +9549,12 @@ const AI = (e) => encodeURIComponent(e).replace(
         r = !0, o();
         const c = u instanceof Error ? u : this.reason;
         i.abort(
-          c instanceof pe ? c : new ka(c instanceof Error ? c.message : c)
+          c instanceof ge ? c : new ka(c instanceof Error ? c.message : c)
         );
       }
     };
     let a = t && setTimeout(() => {
-      a = null, s(new pe(`timeout of ${t}ms exceeded`, pe.ETIMEDOUT));
+      a = null, s(new ge(`timeout of ${t}ms exceeded`, ge.ETIMEDOUT));
     }, t);
     const o = () => {
       e && (a && clearTimeout(a), a = null, e.forEach((u) => {
@@ -9703,9 +9703,9 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
       let C = k && k[b];
       if (C)
         return C.call(k);
-      throw new pe(
+      throw new ge(
         `Response type '${b}' is not supported`,
-        pe.ERR_NOT_SUPPORT,
+        ge.ERR_NOT_SUPPORT,
         w
       );
     });
@@ -9758,18 +9758,18 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
     let W;
     try {
       if (Y && typeof k == "string" && k.startsWith("data:") && mI(k) > B)
-        throw new pe(
+        throw new ge(
           "maxContentLength size of " + B + " exceeded",
-          pe.ERR_BAD_RESPONSE,
+          ge.ERR_BAD_RESPONSE,
           b,
           R
         );
       if (G && w !== "get" && w !== "head") {
         const ie = await v(_, C);
         if (typeof ie == "number" && isFinite(ie) && ie > O)
-          throw new pe(
+          throw new ge(
             "Request body larger than maxBodyLength limit",
-            pe.ERR_BAD_REQUEST,
+            ge.ERR_BAD_REQUEST,
             b,
             R
           );
@@ -9809,9 +9809,9 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
       if (Y) {
         const ie = q.toFiniteNumber(Z.headers.get("content-length"));
         if (ie != null && ie > B)
-          throw new pe(
+          throw new ge(
             "maxContentLength size of " + B + " exceeded",
-            pe.ERR_BAD_RESPONSE,
+            ge.ERR_BAD_RESPONSE,
             b,
             R
           );
@@ -9829,9 +9829,9 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
         let ae = 0;
         const De = (Pe) => {
           if (Y && (ae = Pe, ae > B))
-            throw new pe(
+            throw new ge(
               "maxContentLength size of " + B + " exceeded",
-              pe.ERR_BAD_RESPONSE,
+              ge.ERR_BAD_RESPONSE,
               b,
               R
             );
@@ -9852,9 +9852,9 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
       if (Y && !d && !te) {
         let ie;
         if (he != null && (typeof he.byteLength == "number" ? ie = he.byteLength : typeof he.size == "number" ? ie = he.size : typeof he == "string" && (ie = typeof i == "function" ? new i().encode(he).byteLength : he.length)), typeof ie == "number" && ie > B)
-          throw new pe(
+          throw new ge(
             "maxContentLength size of " + B + " exceeded",
-            pe.ERR_BAD_RESPONSE,
+            ge.ERR_BAD_RESPONSE,
             b,
             R
           );
@@ -9870,14 +9870,14 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
         });
       });
     } catch (T) {
-      if (j && j(), $ && $.aborted && $.reason instanceof pe) {
+      if (j && j(), $ && $.aborted && $.reason instanceof ge) {
         const H = $.reason;
         throw H.config = b, R && (H.request = R), T !== H && (H.cause = T), H;
       }
       throw T && T.name === "TypeError" && /Load failed|fetch/i.test(T.message) ? Object.assign(
-        new pe(
+        new ge(
           "Network Error",
-          pe.ERR_NETWORK,
+          ge.ERR_NETWORK,
           b,
           R,
           T && T.response
@@ -9885,7 +9885,7 @@ const wh = "1.16.0", K0 = 64 * 1024, { isFunction: eo } = q, Z0 = (e, ...t) => {
         {
           cause: T.cause || T
         }
-      ) : pe.from(T, T && T.code, b, R, T && T.response);
+      ) : ge.from(T, T && T.code, b, R, T && T.response);
     }
   };
 }, gI = /* @__PURE__ */ new Map(), vy = (e) => {
@@ -9923,7 +9923,7 @@ function vI(e, t) {
     i = e[a];
     let o;
     if (r = i, !bI(i) && (r = kh[(o = String(i)).toLowerCase()], r === void 0))
-      throw new pe(`Unknown adapter '${o}'`);
+      throw new ge(`Unknown adapter '${o}'`);
     if (r && (q.isFunction(r) || (r = r.get(t))))
       break;
     s[o || "#" + a] = r;
@@ -9935,7 +9935,7 @@ function vI(e, t) {
     let o = n ? a.length > 1 ? `since :
 ` + a.map($0).join(`
 `) : " " + $0(a[0]) : "as no adapter specified";
-    throw new pe(
+    throw new ge(
       "There is no suitable adapter to dispatch the request " + o,
       "ERR_NOT_SUPPORT"
     );
@@ -10000,9 +10000,9 @@ du.transitional = function(t, n, i) {
   }
   return (s, a, o) => {
     if (t === !1)
-      throw new pe(
+      throw new ge(
         r(a, " has been removed" + (n ? " in " + n : "")),
-        pe.ERR_DEPRECATED
+        ge.ERR_DEPRECATED
       );
     return n && !tp[a] && (tp[a] = !0, console.warn(
       r(
@@ -10017,7 +10017,7 @@ du.spelling = function(t) {
 };
 function yI(e, t, n) {
   if (typeof e != "object")
-    throw new pe("options must be an object", pe.ERR_BAD_OPTION_VALUE);
+    throw new ge("options must be an object", ge.ERR_BAD_OPTION_VALUE);
   const i = Object.keys(e);
   let r = i.length;
   for (; r-- > 0; ) {
@@ -10025,14 +10025,14 @@ function yI(e, t, n) {
     if (a) {
       const o = e[s], A = o === void 0 || a(o, s, e);
       if (A !== !0)
-        throw new pe(
+        throw new ge(
           "option " + s + " must be " + A,
-          pe.ERR_BAD_OPTION_VALUE
+          ge.ERR_BAD_OPTION_VALUE
         );
       continue;
     }
     if (n !== !0)
-      throw new pe("Unknown option " + s, pe.ERR_BAD_OPTION);
+      throw new ge("Unknown option " + s, ge.ERR_BAD_OPTION);
   }
 }
 const Oo = {
@@ -10359,7 +10359,7 @@ Ze.CancelToken = wI;
 Ze.isCancel = my;
 Ze.VERSION = wh;
 Ze.toFormData = fu;
-Ze.AxiosError = pe;
+Ze.AxiosError = ge;
 Ze.Cancel = Ze.CanceledError;
 Ze.all = function(t) {
   return Promise.all(t);
@@ -15425,7 +15425,7 @@ const pw = (e = {}) => {
     s,
     i
   ]);
-  return ge(() => {
+  return pe(() => {
     if (!n || typeof window > "u") return;
     const I = (N) => {
       const B = N.data ?? {}, O = N.notification?.title || B.title || "New message", Y = N.notification?.body || B.body || "You have a new message.", G = y(B.jid || ""), X = B.userJid || "", $ = N.messageId || B.msgID || String(Date.now()), R = xy(N), j = document.visibilityState === "visible", W = Date.now(), T = N.messageId || B.msgID || `${G}|${X}|${O}|${Y}`, H = h.current.get(T), Z = N.messageId || B.msgID, te = WI(a, Z), he = !!(H && W - H < 3e4), ie = window._ethoraAppLoadTime || Date.now(), ue = Date.now() - ie < 2e3, V = R ? !1 : !!N.isHistory, fe = jI({
@@ -15462,7 +15462,7 @@ const pw = (e = {}) => {
     }, e.firebaseConfig || o?.pushNotifications?.firebaseConfig)), As.add(I), () => {
       As.delete(I), As.size === 0 && us && (us(), us = null);
     };
-  }, [o, n, a, y, D]), ge(() => {
+  }, [o, n, a, y, D]), pe(() => {
     if (!n || typeof window > "u" || !("serviceWorker" in navigator)) return;
     const I = (N) => {
       const B = N?.data;
@@ -15485,7 +15485,7 @@ const pw = (e = {}) => {
     return navigator.serviceWorker.addEventListener("message", I), () => {
       navigator.serviceWorker.removeEventListener("message", I);
     };
-  }, [n, P]), ge(() => {
+  }, [n, P]), pe(() => {
     if (!n || typeof window > "u") return;
     const I = new URL(window.location.href);
     if (I.searchParams.get("fromPush") !== "1") return;
@@ -15506,11 +15506,11 @@ const pw = (e = {}) => {
       I.searchParams.delete("fromPush"), window.history.replaceState({}, document.title, I.toString());
     } catch {
     }
-  }, [n, P]), ge(() => {
+  }, [n, P]), pe(() => {
     (!r || C.current !== s) && (c.current = !1, l.current = null, d(null), Ad(""), p.current = "", w.current = !1, os = !1, tr = null), C.current = s || "";
-  }, [r, s]), ge(() => {
+  }, [r, s]), pe(() => {
     r && (t || c.current || (c.current = !0, x()));
-  }, [r, t, x]), ge(() => {
+  }, [r, t, x]), pe(() => {
     if (!n || !r || t || typeof window > "u" || typeof Notification > "u") return;
     const I = () => {
       os || Notification.permission === "granted" && x();
@@ -15518,7 +15518,7 @@ const pw = (e = {}) => {
     return window.addEventListener("focus", I), document.addEventListener("visibilitychange", I), () => {
       window.removeEventListener("focus", I), document.removeEventListener("visibilitychange", I);
     };
-  }, [n, t, r, x]), ge(() => {
+  }, [n, t, r, x]), pe(() => {
     if (!n || !f) return;
     const I = Object.keys(a || {}).filter(Boolean).sort(), N = I.map((Y) => `${Y}:${A[Y] || "idle"}`).join(",");
     if (N === p.current)
@@ -19484,10 +19484,10 @@ const aB = (e) => {
       console.error("Reconnection failed:", y);
     })));
   };
-  return ge(() => (i && (i.status === "offline" || i.status === "error") && l < 3 && E(), () => {
-  }), [i?.status, l]), ge(() => {
+  return pe(() => (i && (i.status === "offline" || i.status === "error") && l < 3 && E(), () => {
+  }), [i?.status, l]), pe(() => {
     K.dispatch(Tv(t));
-  }, [t]), ge(() => {
+  }, [t]), pe(() => {
     if (!t?.initBeforeLoad) {
       a("idle");
       return;
@@ -19586,9 +19586,9 @@ const aB = (e) => {
     t?.baseUrl,
     t?.customAppToken,
     t?.appId
-  ]), ge(() => {
+  ]), pe(() => {
     t?.initBeforeLoad && i && (i.status === "online" || i.status === "connecting") && a("ready");
-  }, [i, i?.status, t?.initBeforeLoad]), ge(() => {
+  }, [i, i?.status, t?.initBeforeLoad]), pe(() => {
     if (typeof window > "u")
       return;
     const y = () => {
@@ -22550,7 +22550,7 @@ const sP = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
   return e.__ethoraLoaderStats || (e.__ethoraLoaderStats = {}), e.__ethoraLoaderStats;
 }, Dn = (e, t) => {
   const n = be(!1);
-  ge(() => {
+  pe(() => {
     const i = pg();
     i[e] || (i[e] = {
       count: 0,
@@ -22570,7 +22570,7 @@ const sP = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
       });
     }
     n.current = t;
-  }, [e, t]), ge(() => () => {
+  }, [e, t]), pe(() => () => {
     if (!n.current) return;
     const r = pg()[e];
     if (!r) return;
@@ -22642,16 +22642,16 @@ const sP = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
         fe !== void 0 ? V.scrollTop = fe : V.scrollTop = V.scrollHeight;
       }
   }, [n, D, R]);
-  ge(() => {
+  pe(() => {
     D.length > 0 && k(
       new Date(D[D.length - 1].date).getTime()
     );
-  }, []), ge(() => {
+  }, []), pe(() => {
     if (P) return;
     new Date(
       D[D.length - 1]?.date
     )?.getTime() > b && v((fe) => fe += 1);
-  }, [D.length]), ge(() => {
+  }, [D.length]), pe(() => {
     j();
   }, [n]);
   const W = de(() => {
@@ -22682,12 +22682,12 @@ const sP = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
       H();
     }, 50));
   };
-  ge(() => {
+  pe(() => {
     const V = _.current;
     return V && V.addEventListener("scroll", Z, !0), () => {
       V && V.removeEventListener("scroll", Z, !0);
     };
-  }, []), ge(() => {
+  }, []), pe(() => {
     if (D.length > 30) {
       const V = x.current;
       if (V && O.current) {
@@ -22696,12 +22696,12 @@ const sP = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
       }
       O.current = null;
     }
-  }, [D.length, u]), ge(() => {
+  }, [D.length, u]), pe(() => {
     if (c.length > 0) {
       const V = c[c.length - 1], fe = V && P;
       V && V.id !== C.current && fe && (C.current = V.id, T());
     }
-  }, [c, P]), ge(() => {
+  }, [c, P]), pe(() => {
     if (!x.current) return;
     const fe = D.length > w.current, ae = l?.length > 0 && !X.current;
     X.current = l?.length > 0, G.current || (fe || ae) && R().then(() => {
@@ -38347,7 +38347,7 @@ const D4 = ({ text: e }) => e ? /* @__PURE__ */ g(
     },
     [X]
   );
-  ge(() => {
+  pe(() => {
     b(s), s && X(s);
   }, [s, X]);
   const R = d || e, j = h || t, W = de(
@@ -38611,7 +38611,7 @@ const D4 = ({ text: e }) => e ? /* @__PURE__ */ g(
   }, l = (f) => {
     o(!!f.target.value);
   };
-  return ge(() => {
+  return pe(() => {
     if (r && t) {
       const f = setTimeout(() => {
         A.current?.focus();
@@ -38658,7 +38658,7 @@ const D4 = ({ text: e }) => e ? /* @__PURE__ */ g(
   const [r, s] = le(!1), a = be(null), o = be(null), A = n === "right" ? { top: "60px", right: "-140px" } : { top: "60px", right: "0px" }, u = (c) => {
     c.preventDefault(), s((l) => !l);
   };
-  return ge(() => {
+  return pe(() => {
     const c = (l) => {
       a.current && !a.current.contains(l.target) && o.current && !o.current.contains(l.target) && s(!1);
     };
@@ -39076,7 +39076,7 @@ const qi = ({
   ), p = (v) => {
     l.current && !l.current.contains(v.target) && a(!1);
   };
-  return ge(() => (s ? document.addEventListener("mousedown", p) : document.removeEventListener("mousedown", p), () => {
+  return pe(() => (s ? document.addEventListener("mousedown", p) : document.removeEventListener("mousedown", p), () => {
     document.removeEventListener("mousedown", p);
   }), [s]), /* @__PURE__ */ U(tG, { ref: l, children: [
     /* @__PURE__ */ U(
@@ -39155,9 +39155,9 @@ const F4 = ({
     }, 100),
     [s]
   );
-  return ge(() => {
+  return pe(() => {
     l(a);
-  }, [a, l]), ge(() => {
+  }, [a, l]), pe(() => {
     u(Object.values(s));
   }, [s]), /* @__PURE__ */ U("div", { style: { maxHeight: "100px", ...e }, children: [
     i ? /* @__PURE__ */ g(Mr, { children: "Select Users (max 20)" }) : /* @__PURE__ */ g("div", { style: { fontSize: "14px", fontWeight: 600 }, children: "Select Users (max 20)" }),
@@ -41094,7 +41094,7 @@ const jG = /* @__PURE__ */ ci(UG), WG = Q.div`
   setVisible: n
 }) => {
   const { config: i } = St();
-  return ge(() => {
+  return pe(() => {
     const { overflow: r } = document.body.style;
     return e && (document.body.style.overflow = "hidden"), () => {
       document.body.style.overflow = r;
@@ -42171,11 +42171,11 @@ const Jb = Q.div`
   ), r = (f) => t(An(f)), [s, a] = le(n?.isProfileOpen), [o, A] = le(n?.isAssetsOpen), [u, c] = le(null), l = (f, d) => {
     c({ message: f, type: d }), setTimeout(() => c(null), 3e3);
   };
-  return ge(() => {
+  return pe(() => {
     s !== n.isProfileOpen && zp({ isProfileOpen: s }).then(({ data: f }) => {
       r(f.user), l("Saved", "success");
     }).catch(() => l("Error", "error"));
-  }, [s]), ge(() => {
+  }, [s]), pe(() => {
     o !== n?.isAssetsOpen && zp({ isAssetsOpen: o }).then(({ data: f }) => {
       r(f.user), l("Saved", "success");
     }).catch(() => l("Error", "error"));
@@ -43121,7 +43121,7 @@ const Jb = Q.div`
   isSmallScreen: i
 }) => {
   const { client: r, setClient: s } = Lt(), [a, o] = le(!1), [A, u] = le(""), c = Fe(), { config: l } = St(), { activeRoomJID: f } = we((E) => E.rooms), d = be(null);
-  ge(() => {
+  pe(() => {
     const E = (e || []).filter((y) => !Zb(y)).map(Yz).filter(Boolean);
     if (E.length && (E.forEach((y) => {
       c(au({ jid: y }));
@@ -43159,7 +43159,7 @@ const Jb = Q.div`
     }
     return y.get(E) || [];
   }, [e, A]);
-  ge(() => {
+  pe(() => {
     if (t)
       return document.addEventListener("mousedown", h), () => {
         document.removeEventListener("mousedown", h);
@@ -43580,7 +43580,7 @@ const $4 = ({
   ] })
 ] }), aq = (e, t, n) => {
   const i = Fe();
-  ge(() => {
+  pe(() => {
     if (!(typeof window > "u")) {
       if (n?.setRoomJidInPath && e && typeof e == "string") {
         const r = e.split("@")[0], s = new URLSearchParams(window.location.search);
@@ -43716,11 +43716,11 @@ const lq = (e) => {
     },
     [v, k, b, n, o]
   );
-  ge(() => () => {
+  pe(() => () => {
     l.current.forEach((I) => clearTimeout(I)), l.current.clear(), f.current.clear();
-  }, []), ge(() => {
+  }, []), pe(() => {
     v()?.enabled || (l.current.forEach((N) => clearTimeout(N)), l.current.clear(), f.current.clear(), p(/* @__PURE__ */ new Set()));
-  }, [v]), ge(() => {
+  }, [v]), pe(() => {
     v()?.enabled && Object.keys(c || {}).forEach((N) => {
       if (!h.has(N)) return;
       const B = c[N];
@@ -44172,7 +44172,7 @@ const lq = (e) => {
   t && (t.scrollIntoView({ behavior: "smooth", block: "center" }), t.classList.add("message-highlight"), setTimeout(() => t.classList.remove("message-highlight"), 2e3));
 }, pq = (e, t, n, i) => {
   const { client: r } = Lt(), s = Fe(), a = n6();
-  ge(() => {
+  pe(() => {
     r && e && (r.setActiveRoomJid(e), r.promoteRoomHistory(e), r.presenceInRoomStanza(
       e,
       0,
@@ -44187,7 +44187,7 @@ const lq = (e) => {
       } catch {
       }
     })), r && !e && r.setActiveRoomJid(null);
-  }, [r, e]), ge(() => {
+  }, [r, e]), pe(() => {
     const o = t?.[e], A = !!e && !fq(o), u = async () => {
       if (!r || !e) return;
       await r.presenceInRoomStanza(e, 0, a2, !0).catch(() => !1) || r.prioritizeRoomPresence(e).catch(() => {
@@ -44271,7 +44271,7 @@ const lq = (e) => {
       !1
     );
   }, [n]);
-  return ge(() => {
+  return pe(() => {
     const a = setTimeout(() => {
       s();
     }, 100);
@@ -44316,7 +44316,7 @@ const lq = (e) => {
     ), x = () => {
       a(ui({ isEdit: !1 }));
     };
-    ge(() => {
+    pe(() => {
       const W = Date.now();
       return a(
         Yf({
@@ -45734,7 +45734,7 @@ const Nq = ({ src: e }) => {
   const t = we(
     (c) => c.chatSettingStore.config
   ), n = be(null), i = be(null), [r, s] = le(!1), [a, o] = le(1);
-  ge(() => (i.current = fa.create({
+  pe(() => (i.current = fa.create({
     container: n.current,
     waveColor: "#C4C4C4",
     progressColor: t?.colors?.primary || "#0052CD",
@@ -48831,7 +48831,7 @@ button {
 `;
 function B6(e) {
   const t = be(null), n = be(null);
-  return n.current && n.current.update(e), ge(() => (n.current = new N1({
+  return n.current && n.current.update(e), pe(() => (n.current = new N1({
     ...e,
     ref: t
   }), () => {
@@ -48955,7 +48955,7 @@ const kV = Q.div`
     let N = S, B = D;
     return S + 320 > _ && (N = _ - 320 - 10), D + 435 > I && (B = I - 435 - 10), { adjustedX: N, adjustedY: B };
   };
-  return ge(() => {
+  return pe(() => {
     if (typeof window > "u" || !i)
       return;
     const S = () => {
@@ -49306,7 +49306,7 @@ const kV = Q.div`
   }
 `, GV = ({ url: e }) => {
   const [t, n] = le(null), [i, r] = le(!0), [s, a] = le(null);
-  if (ge(() => {
+  if (pe(() => {
     const A = async () => {
       r(!0), a(null), n(null);
       try {
@@ -49353,7 +49353,7 @@ const kV = Q.div`
       y: 0
     }
   ), [k, w] = le(null);
-  ge(() => {
+  pe(() => {
     if (e && e.body && typeof e.body == "string") {
       const B = e.body.match(qV);
       w(B ? B[0] : null);
@@ -50143,9 +50143,9 @@ const kV = Q.div`
     }
 }, iJ = (e, t) => {
   const [n, i] = le(!1);
-  return ge(() => {
+  return pe(() => {
     typeof window < "u" && nJ();
-  }, []), ge(() => {
+  }, []), pe(() => {
     if (!(typeof window > "u" || typeof localStorage > "u"))
       try {
         const r = localStorage.getItem(qd);
@@ -50526,9 +50526,9 @@ const lJ = ({
       }
     })();
   };
-  ge(() => () => {
+  pe(() => () => {
     b && P.xmppPassword === "" && (ee.log("closing client"), b.close(), w(null));
-  }, [b, w, P.xmppPassword]), ge(() => {
+  }, [b, w, P.xmppPassword]), pe(() => {
     i(Tv(n));
     const { changed: T } = Zw(n);
     T && (f.current = !1, d.current.clear(), h.current.clear(), p.current.clear(), i(fh()), i(Lv()), i(Ke({ roomJID: null })), dr.pause(), dr.purge().catch((H) => {
@@ -50569,7 +50569,7 @@ const lJ = ({
     }
     D && H.includes(D);
   }, [D, i, j, e]);
-  return ge(() => {
+  return pe(() => {
     let T;
     const H = async () => {
       n?.translates?.enabled && !n?.translates?.translations && i(Sv(n?.translates?.translations));
@@ -50660,11 +50660,13 @@ const lJ = ({
     n?.initBeforeLoad,
     E,
     C
-  ]), ge(() => {
+  ]), pe(() => {
     b && x.current["initClient:wait_online:start"] && b.status === "online" && N("initClient:wait_online", "initClient:wait_online:start");
-  }, [b?.status]), ge(() => {
+  }, [b?.status]), pe(() => {
     W(Object.values(S));
-  }, [S, D, W]), {
+  }, [S, D, W]), pe(() => () => {
+    i(Ke({ roomJID: null }));
+  }, [i]), {
     client: b,
     inited: r,
     isRetrying: c,
@@ -50734,7 +50736,7 @@ const lJ = ({
     (T) => p(Ke(T)),
     h
   );
-  ge(() => {
+  pe(() => {
     if (typeof window > "u")
       return;
     const T = () => {
@@ -50775,7 +50777,7 @@ const lJ = ({
     wasAutoSelected: v,
     config: t
   }), G = Object.keys(k || {}).length > 0, $ = (I || !!_ && !Y && G) && !(C && !G), R = Y && !I, j = !!(t?.enableRoomsRetry?.enabled && N && N !== "norooms"), W = !B && !R && !j && s.xmppPassword !== "" && s.xmppUsername !== "" && f && !$;
-  return Dn("chat-wrapper-connecting-loader", R), Dn("chat-wrapper-retry-loader", j), Dn("chat-wrapper-startup-loader", W), ge(() => {
+  return Dn("chat-wrapper-connecting-loader", R), Dn("chat-wrapper-retry-loader", j), Dn("chat-wrapper-startup-loader", W), pe(() => {
     if (typeof window > "u") return;
     const T = window.location.pathname, H = () => {
       const te = window.location.pathname === T;
@@ -50933,7 +50935,7 @@ const lJ = ({
       return console.error("Login failed:", A), null;
     }
   }, [e?.user?.email, e?.user?.password]), o = Fe();
-  return ge(() => {
+  return pe(() => {
     let A = !1;
     return (async () => {
       i?.baseUrl && Eh(i.baseUrl, i.customAppToken);
@@ -51310,7 +51312,7 @@ const wJ = Ct`
   ] });
 }, QJ = () => {
   const [e, t] = le(() => typeof document > "u" ? !1 : !document.hidden);
-  return ge(() => {
+  return pe(() => {
     if (typeof document > "u")
       return;
     const n = () => {
@@ -51363,20 +51365,20 @@ const UJ = JA(void 0), jJ = 3, WJ = 3e4, YJ = ({ children: e, config: t }) => {
       (N) => N.filter((B) => I - B.timestamp < f)
     );
   }, [f]);
-  ge(() => {
+  pe(() => {
     const I = setInterval(() => {
       r && y();
     }, 1e3);
     return () => clearInterval(I);
-  }, [r, y]), ge(() => {
+  }, [r, y]), pe(() => {
     r && y();
   }, [r, y]);
   const S = de((I) => {
     I && i((N) => N.filter((B) => B.roomJID !== I));
   }, []);
-  ge(() => {
+  pe(() => {
     a && S(a);
-  }, [a, S]), ge(() => {
+  }, [a, S]), pe(() => {
     c && typeof window < "u" && "Notification" in window && Notification.permission === "default" && Notification.requestPermission();
   }, [c]);
   const D = de(() => {
@@ -51450,7 +51452,7 @@ const UJ = JA(void 0), jJ = 3, WJ = 3e4, YJ = ({ children: e, config: t }) => {
     },
     [A, c, r, x, P]
   );
-  return ge(() => {
+  return pe(() => {
     if (!c) return;
     const I = wA.addCallback(
       _
@@ -51499,7 +51501,7 @@ const UJ = JA(void 0), jJ = 3, WJ = 3e4, YJ = ({ children: e, config: t }) => {
   ] });
 }, GJ = () => {
   const e = Fe();
-  return ge(() => () => {
+  return pe(() => () => {
   }, []), {
     navigateToMessage: (t, n) => {
       e(Ke({ roomJID: t })), setTimeout(() => {
@@ -51587,7 +51589,7 @@ const UJ = JA(void 0), jJ = 3, WJ = 3e4, YJ = ({ children: e, config: t }) => {
   ), n = be(
     Q2(K.getState().rooms.rooms)
   );
-  return ge(() => K.subscribe(() => {
+  return pe(() => K.subscribe(() => {
     const r = K.getState().rooms.rooms, s = Q2(r);
     n.current !== s && (n.current = s, t(F2(r)));
   }), []), Ve(() => e, [e]);