@ethora/chat-component 26.5.5 → 26.5.7

package/dist/main.js

@@ -1,6 +1,6 @@
 import { jsx as g, jsxs as U, Fragment as He } from "react/jsx-runtime";
 import * as Ft from "react";
-import at, { useRef as ve, useState as de, useCallback as me, useEffect as ge, createContext as $u, useContext as ec, useDebugValue as L0, createElement as Xk, useMemo as Ye, Fragment as Jc, forwardRef as Kk, PureComponent as Jk } from "react";
+import ot, { useRef as ve, useState as de, useCallback as me, useEffect as ge, createContext as $u, useContext as ec, useDebugValue as L0, createElement as Xk, useMemo as Ye, Fragment as Jc, forwardRef as Kk, PureComponent as Jk } from "react";
 function hi(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -33,7 +33,7 @@ var B0;
 function $k() {
   if (B0) return Zc;
   B0 = 1;
-  var e = at;
+  var e = ot;
   function t(u, c) {
     return u === c && (u !== 0 || 1 / u === 1 / c) || u !== u && c !== c;
   }
@@ -88,7 +88,7 @@ function e5() {
       return u === c && (u !== 0 || 1 / u === 1 / c) || u !== u && c !== c;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var t = at, n = typeof Object.is == "function" ? Object.is : e, i = t.useSyncExternalStore, r = t.useRef, s = t.useEffect, a = t.useMemo, o = t.useDebugValue;
+    var t = ot, n = typeof Object.is == "function" ? Object.is : e, i = t.useSyncExternalStore, r = t.useRef, s = t.useEffect, a = t.useMemo, o = t.useDebugValue;
     $c.useSyncExternalStoreWithSelector = function(u, c, l, d, f) {
       var h = r(null);
       if (h.current === null) {
@@ -19509,7 +19509,7 @@ function e2(e, t) {
     return !On(n, t);
   });
 }
-var Tc = 1, Mr = 1, c4 = 0, Gt = 0, st = 0, Zr = "";
+var Tc = 1, Mr = 1, c4 = 0, Gt = 0, at = 0, Zr = "";
 function Sc(e, t, n, i, r, s, a, o) {
   return { value: e, root: t, parent: n, type: i, props: r, children: s, line: Tc, column: Mr, length: a, return: "", siblings: o };
 }
@@ -19522,13 +19522,13 @@ function sr(e) {
   Us(e, e.siblings);
 }
 function bP() {
-  return st;
+  return at;
 }
 function yP() {
-  return st = Gt > 0 ? ct(Zr, --Gt) : 0, Mr--, st === 10 && (Mr = 1, Tc--), st;
+  return at = Gt > 0 ? ct(Zr, --Gt) : 0, Mr--, at === 10 && (Mr = 1, Tc--), at;
 }
 function en() {
-  return st = Gt < c4 ? ct(Zr, Gt++) : 0, Mr++, st === 10 && (Mr = 1, Tc++), st;
+  return at = Gt < c4 ? ct(Zr, Gt++) : 0, Mr++, at === 10 && (Mr = 1, Tc++), at;
 }
 function Oi() {
   return ct(Zr, Gt);
@@ -19587,25 +19587,25 @@ function Rd(e) {
   return o4(xc(Gt - 1, h1(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function EP(e) {
-  for (; (st = Oi()) && st < 33; )
+  for (; (at = Oi()) && at < 33; )
     en();
-  return f1(e) > 2 || f1(st) > 3 ? "" : " ";
+  return f1(e) > 2 || f1(at) > 3 ? "" : " ";
 }
 function CP(e, t) {
-  for (; --t && en() && !(st < 48 || st > 102 || st > 57 && st < 65 || st > 70 && st < 97); )
+  for (; --t && en() && !(at < 48 || at > 102 || at > 57 && at < 65 || at > 70 && at < 97); )
     ;
   return xc(e, Zo() + (t < 6 && Oi() == 32 && en() == 32));
 }
 function h1(e) {
   for (; en(); )
-    switch (st) {
+    switch (at) {
       // ] ) " '
       case e:
         return Gt;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && h1(st);
+        e !== 34 && e !== 39 && h1(at);
         break;
       // (
       case 40:
@@ -19619,8 +19619,8 @@ function h1(e) {
   return Gt;
 }
 function _P(e, t) {
-  for (; en() && e + st !== 57; )
-    if (e + st === 84 && Oi() === 47)
+  for (; en() && e + at !== 57; )
+    if (e + at === 84 && Oi() === 47)
       break;
   return "/*" + xc(t, Gt - 1) + "*" + Jh(e === 47 ? e : en());
 }
@@ -20391,9 +20391,9 @@ function lD(e) {
     return h.name || $r(15), Ci(f, h.name);
   }, h4).toString() : "", d;
 }
-var dD = new k4(), v1 = lD(), C4 = at.createContext({ shouldForwardProp: void 0, styleSheet: dD, stylis: v1 });
+var dD = new k4(), v1 = lD(), C4 = ot.createContext({ shouldForwardProp: void 0, styleSheet: dD, stylis: v1 });
 C4.Consumer;
-at.createContext(void 0);
+ot.createContext(void 0);
 function d2() {
   return ec(C4);
 }
@@ -20483,7 +20483,7 @@ var mD = m4(Ic), pD = (function() {
     }
     return r;
   }, e;
-})(), S4 = at.createContext(void 0);
+})(), S4 = ot.createContext(void 0);
 S4.Consumer;
 var Dd = {}, h2 = /* @__PURE__ */ new Set();
 function AD(e, t, n) {
@@ -20507,7 +20507,7 @@ function AD(e, t, n) {
   var y = new pD(n, f, i ? r.componentStyle : void 0);
   function C(E, w) {
     return (function(v, _, R) {
-      var O = v.attrs, S = v.componentStyle, P = v.defaultProps, x = v.foldedComponentIds, I = v.styledComponentId, D = v.target, F = at.useContext(S4), W = d2(), Q = v.shouldForwardProp || W.shouldForwardProp;
+      var O = v.attrs, S = v.componentStyle, P = v.defaultProps, x = v.foldedComponentIds, I = v.styledComponentId, D = v.target, F = ot.useContext(S4), W = d2(), Q = v.shouldForwardProp || W.shouldForwardProp;
       process.env.NODE_ENV !== "production" && L0(I);
       var K = LP(_, F, P) || Lr, ee = (function(ne, te, Ae) {
         for (var oe, fe = Rt(Rt({}, te), { className: void 0, theme: Ae }), J = 0; J < ne.length; J += 1) {
@@ -20527,7 +20527,7 @@ function AD(e, t, n) {
     })(k, E, w);
   }
   C.displayName = d;
-  var k = at.forwardRef(C);
+  var k = ot.forwardRef(C);
   return k.attrs = h, k.componentStyle = y, k.displayName = d, k.shouldForwardProp = m, k.foldedComponentIds = i ? xi(r.foldedComponentIds, r.styledComponentId) : "", k.styledComponentId = f, k.target = i ? r.target : e, Object.defineProperty(k, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(E) {
@@ -21343,7 +21343,7 @@ const KD = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
     roomMessages: l,
     usersSet: c
   };
-}, ot = () => {
+}, it = () => {
   const e = we((o) => o.chatSettingStore.user), t = we(
     (o) => o.chatSettingStore.activeFile
   ), n = we(
@@ -22212,7 +22212,7 @@ const KD = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
   isReply: s,
   activeMessage: a
 }) => {
-  const { CustomScrollableArea: o, CustomNewMessageLabel: u } = Nc(), { composing: c, messages: l, composingList: d } = sn(n).room, { user: f } = ot();
+  const { CustomScrollableArea: o, CustomNewMessageLabel: u } = Nc(), { composing: c, messages: l, composingList: d } = sn(n).room, { user: f } = it();
   Mn("chat-room-load-more-loader", r);
   const [h, m] = de(!1), [A, b] = de(0), [y, C] = de(null), k = ve(l.length), E = ve(null), w = ve({}), v = ve(!0), _ = Ye(() => l.map((J) => ({
     ...J,
@@ -22418,7 +22418,7 @@ const KD = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
         color: i?.colors?.primary,
         children: [
           r && /* @__PURE__ */ g(tn, { color: i?.colors?.primary }),
-          a && /* @__PURE__ */ U(at.Fragment, { children: [
+          a && /* @__PURE__ */ U(ot.Fragment, { children: [
             /* @__PURE__ */ g(
               e,
               {
@@ -22446,9 +22446,14 @@ const KD = (e) => e.length === 0 ? "" : e.length === 1 ? `${e[0]} is typing` : e
       zD,
       {
         onClick: T,
-        color: i?.colors?.primary,
+        color: i?.colors?.iconsBg || i?.colors?.primary,
         children: [
-          /* @__PURE__ */ g(B4, { color: i?.colors?.secondary || "white" }),
+          /* @__PURE__ */ g(
+            B4,
+            {
+              color: i?.colors?.icons || i?.colors?.secondary || "white"
+            }
+          ),
           A > 0 && /* @__PURE__ */ g("span", { className: "count", children: A })
         ]
       }
@@ -22647,7 +22652,7 @@ const DO = H.div`
     cursor: not-allowed;
     opacity: 0.6;
   }
-`, Te = at.forwardRef(({
+`, Te = ot.forwardRef(({
   text: e,
   EndIcon: t,
   loading: n = !1,
@@ -22734,7 +22739,7 @@ const DO = H.div`
   isRecording: t,
   handleSendClick: n
 }) => {
-  const { config: i } = ot(), r = An(i), s = zs(i), [a, o] = de(null), [u, c] = de(0), l = ve(null), d = ve([]), f = ve(null), h = (E) => {
+  const { config: i } = it(), r = An(i), s = zs(i), [a, o] = de(null), [u, c] = de(0), l = ve(null), d = ve([]), f = ve(null), h = (E) => {
     const w = Math.floor(E / 60), v = E % 60;
     return `${w.toString().padStart(2, "0")}:${v.toString().padStart(2, "0")}`;
   }, m = me(() => {
@@ -22859,14 +22864,14 @@ Dt.prototype.property = "";
 Dt.prototype.spaceSeparated = !1;
 Dt.prototype.space = void 0;
 let aM = 0;
-const Se = $i(), it = $i(), E1 = $i(), ue = $i(), We = $i(), kr = $i(), Lt = $i();
+const Se = $i(), rt = $i(), E1 = $i(), ue = $i(), We = $i(), kr = $i(), Lt = $i();
 function $i() {
   return 2 ** ++aM;
 }
 const C1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   boolean: Se,
-  booleanish: it,
+  booleanish: rt,
   commaOrSpaceSeparated: Lt,
   commaSeparated: kr,
   number: ue,
@@ -22919,10 +22924,10 @@ function es(e) {
 const W4 = es({
   properties: {
     ariaActiveDescendant: null,
-    ariaAtomic: it,
+    ariaAtomic: rt,
     ariaAutoComplete: null,
-    ariaBusy: it,
-    ariaChecked: it,
+    ariaBusy: rt,
+    ariaChecked: rt,
     ariaColCount: ue,
     ariaColIndex: ue,
     ariaColSpan: ue,
@@ -22930,36 +22935,36 @@ const W4 = es({
     ariaCurrent: null,
     ariaDescribedBy: We,
     ariaDetails: null,
-    ariaDisabled: it,
+    ariaDisabled: rt,
     ariaDropEffect: We,
     ariaErrorMessage: null,
-    ariaExpanded: it,
+    ariaExpanded: rt,
     ariaFlowTo: We,
-    ariaGrabbed: it,
+    ariaGrabbed: rt,
     ariaHasPopup: null,
-    ariaHidden: it,
+    ariaHidden: rt,
     ariaInvalid: null,
     ariaKeyShortcuts: null,
     ariaLabel: null,
     ariaLabelledBy: We,
     ariaLevel: ue,
     ariaLive: null,
-    ariaModal: it,
-    ariaMultiLine: it,
-    ariaMultiSelectable: it,
+    ariaModal: rt,
+    ariaMultiLine: rt,
+    ariaMultiSelectable: rt,
     ariaOrientation: null,
     ariaOwns: We,
     ariaPlaceholder: null,
     ariaPosInSet: ue,
-    ariaPressed: it,
-    ariaReadOnly: it,
+    ariaPressed: rt,
+    ariaReadOnly: rt,
     ariaRelevant: null,
-    ariaRequired: it,
+    ariaRequired: rt,
     ariaRoleDescription: We,
     ariaRowCount: ue,
     ariaRowIndex: ue,
     ariaRowSpan: ue,
-    ariaSelected: it,
+    ariaSelected: rt,
     ariaSetSize: ue,
     ariaSort: null,
     ariaValueMax: ue,
@@ -23013,7 +23018,7 @@ const oM = es({
     cols: ue,
     colSpan: null,
     content: null,
-    contentEditable: it,
+    contentEditable: rt,
     controls: Se,
     controlsList: We,
     coords: ue | kr,
@@ -23027,7 +23032,7 @@ const oM = es({
     dirName: null,
     disabled: Se,
     download: E1,
-    draggable: it,
+    draggable: rt,
     encType: null,
     enterKeyHint: null,
     fetchPriority: null,
@@ -23198,7 +23203,7 @@ const oM = es({
     sizes: null,
     slot: null,
     span: ue,
-    spellCheck: it,
+    spellCheck: rt,
     src: null,
     srcDoc: null,
     srcLang: null,
@@ -23213,7 +23218,7 @@ const oM = es({
     type: null,
     typeMustMatch: Se,
     useMap: null,
-    value: it,
+    value: rt,
     width: ue,
     wrap: null,
     writingSuggestions: null,
@@ -23305,7 +23310,7 @@ const oM = es({
     // `<table>`
     scheme: null,
     // `<meta>`
-    scrolling: it,
+    scrolling: rt,
     // `<frame>`. Use overflow in the child context
     standby: null,
     // `<object>`
@@ -31864,14 +31869,14 @@ Yt.prototype.commaOrSpaceSeparated = !1;
 Yt.prototype.mustUseProperty = !1;
 Yt.prototype.defined = !1;
 let Oj = 0;
-const _e = er(), rt = er(), Z6 = er(), ce = er(), Ve = er(), Er = er(), Bt = er();
+const _e = er(), st = er(), Z6 = er(), ce = er(), Ve = er(), Er = er(), Bt = er();
 function er() {
   return 2 ** ++Oj;
 }
 const M1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   boolean: _e,
-  booleanish: rt,
+  booleanish: st,
   commaOrSpaceSeparated: Bt,
   commaSeparated: Er,
   number: ce,
@@ -31953,10 +31958,10 @@ const iw = is({
   },
   properties: {
     ariaActiveDescendant: null,
-    ariaAtomic: rt,
+    ariaAtomic: st,
     ariaAutoComplete: null,
-    ariaBusy: rt,
-    ariaChecked: rt,
+    ariaBusy: st,
+    ariaChecked: st,
     ariaColCount: ce,
     ariaColIndex: ce,
     ariaColSpan: ce,
@@ -31964,36 +31969,36 @@ const iw = is({
     ariaCurrent: null,
     ariaDescribedBy: Ve,
     ariaDetails: null,
-    ariaDisabled: rt,
+    ariaDisabled: st,
     ariaDropEffect: Ve,
     ariaErrorMessage: null,
-    ariaExpanded: rt,
+    ariaExpanded: st,
     ariaFlowTo: Ve,
-    ariaGrabbed: rt,
+    ariaGrabbed: st,
     ariaHasPopup: null,
-    ariaHidden: rt,
+    ariaHidden: st,
     ariaInvalid: null,
     ariaKeyShortcuts: null,
     ariaLabel: null,
     ariaLabelledBy: Ve,
     ariaLevel: ce,
     ariaLive: null,
-    ariaModal: rt,
-    ariaMultiLine: rt,
-    ariaMultiSelectable: rt,
+    ariaModal: st,
+    ariaMultiLine: st,
+    ariaMultiSelectable: st,
     ariaOrientation: null,
     ariaOwns: Ve,
     ariaPlaceholder: null,
     ariaPosInSet: ce,
-    ariaPressed: rt,
-    ariaReadOnly: rt,
+    ariaPressed: st,
+    ariaReadOnly: st,
     ariaRelevant: null,
-    ariaRequired: rt,
+    ariaRequired: st,
     ariaRoleDescription: Ve,
     ariaRowCount: ce,
     ariaRowIndex: ce,
     ariaRowSpan: ce,
-    ariaSelected: rt,
+    ariaSelected: st,
     ariaSetSize: ce,
     ariaSort: null,
     ariaValueMax: ce,
@@ -32039,7 +32044,7 @@ const iw = is({
     cols: ce,
     colSpan: null,
     content: null,
-    contentEditable: rt,
+    contentEditable: st,
     controls: _e,
     controlsList: Ve,
     coords: ce | Er,
@@ -32053,7 +32058,7 @@ const iw = is({
     dirName: null,
     disabled: _e,
     download: Z6,
-    draggable: rt,
+    draggable: st,
     encType: null,
     enterKeyHint: null,
     fetchPriority: null,
@@ -32224,7 +32229,7 @@ const iw = is({
     sizes: null,
     slot: null,
     span: ce,
-    spellCheck: rt,
+    spellCheck: st,
     src: null,
     srcDoc: null,
     srcLang: null,
@@ -32239,7 +32244,7 @@ const iw = is({
     type: null,
     typeMustMatch: _e,
     useMap: null,
-    value: rt,
+    value: st,
     width: ce,
     wrap: null,
     writingSuggestions: null,
@@ -32331,7 +32336,7 @@ const iw = is({
     // `<table>`
     scheme: null,
     // `<meta>`
-    scrolling: rt,
+    scrolling: st,
     // `<frame>`. Use overflow in the child context
     standby: null,
     // `<object>`
@@ -39446,11 +39451,11 @@ const Fw = ({ text: e }) => e ? /* @__PURE__ */ g(
     };
     return r && document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, [r]), /* @__PURE__ */ U(YW, { children: [
-    t ? at.cloneElement(t, {
+    t ? ot.cloneElement(t, {
       ref: o,
       onClick: c
     }) : /* @__PURE__ */ g(Te, { onClick: c, children: i ?? /* @__PURE__ */ g(kO, {}) }),
-    r && /* @__PURE__ */ g(XW, { ref: a, style: u, children: e.map((l, d) => /* @__PURE__ */ U(at.Fragment, { children: [
+    r && /* @__PURE__ */ g(XW, { ref: a, style: u, children: e.map((l, d) => /* @__PURE__ */ U(ot.Fragment, { children: [
       /* @__PURE__ */ U(
         KW,
         {
@@ -39720,31 +39725,34 @@ const Ki = ({
   placeholderIcon: o,
   disableOverlay: u
 }) => {
-  const { backgroundColor: c } = Ww(e), l = (m) => {
-    if (!m) return "";
-    const b = m.normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim().split(/\s+/), y = (E) => E && /^[\p{L}\p{N}\p{P}]/u.test(E[0]) ? E[0].toUpperCase() : "", C = y(b[0] || ""), k = y(b[1] || "");
-    return C + k;
-  }, d = () => !t && e ? l(e) : "", f = (m) => {
-    const A = m.target.files?.[0];
-    A && i?.onUpload && i.onUpload(A);
-  }, h = () => {
+  const { config: c } = it(), l = c?.colors?.iconsBg, d = c?.colors?.icons, { backgroundColor: f } = Ww(e), h = l || f, m = (C) => {
+    if (!C) return "";
+    const E = C.normalize("NFD").replace(/[\u0300-\u036f]/g, "").trim().split(/\s+/), w = (R) => R && /^[\p{L}\p{N}\p{P}]/u.test(R[0]) ? R[0].toUpperCase() : "", v = w(E[0] || ""), _ = w(E[1] || "");
+    return v + _;
+  }, A = () => !t && e ? m(e) : "", b = (C) => {
+    const k = C.target.files?.[0];
+    k && i?.onUpload && i.onUpload(k);
+  }, y = () => {
     i?.active && document.getElementById("avatar-file-input")?.click();
   };
   return /* @__PURE__ */ U(
     LD,
     {
-      bgColor: t ? "transparent" : c,
+      bgColor: t ? "transparent" : h,
       size: n,
       isClickable: a || !!i?.active,
       children: [
         /* @__PURE__ */ U(
           BD,
           {
-            bgColor: t ? "transparent" : c,
+            bgColor: t ? "transparent" : h,
             size: n,
             isClickable: a || s === "participant" && !!i?.active,
-            onClick: h,
-            style: { fontSize: n >= 64 ? "24px" : "18px" },
+            onClick: y,
+            style: {
+              fontSize: n >= 64 ? "24px" : "18px",
+              ...d ? { color: d } : {}
+            },
             children: [
               t ? /* @__PURE__ */ g(
                 FD,
@@ -39753,7 +39761,7 @@ const Ki = ({
                   alt: "avatar icon",
                   size: n
                 }
-              ) : o || d(),
+              ) : o || A(),
               i?.active && /* @__PURE__ */ U(He, { children: [
                 /* @__PURE__ */ g(
                   UD,
@@ -39761,7 +39769,7 @@ const Ki = ({
                     type: "file",
                     id: "avatar-file-input",
                     accept: "image/png, image/jpeg",
-                    onChange: f
+                    onChange: b
                   }
                 ),
                 !u && /* @__PURE__ */ g(jD, { children: /* @__PURE__ */ g(Pc, { style: { fontSize: n / 2 }, color: "#fff" }) })
@@ -39772,8 +39780,8 @@ const Ki = ({
         r?.enabled && t && s !== "participant" && /* @__PURE__ */ g(
           HD,
           {
-            onClick: (m) => {
-              m.stopPropagation(), r.onRemoveClick();
+            onClick: (C) => {
+              C.stopPropagation(), r.onRemoveClick();
             },
             children: "×"
           }
@@ -39927,7 +39935,7 @@ const Qw = ({
   headerElement: i,
   filter: r
 }) => {
-  const { usersSet: s } = sn(), { config: a } = ot(), [o, u] = de(""), [c, l] = de([]), d = (h) => {
+  const { usersSet: s } = sn(), { config: a } = it(), [o, u] = de(""), [c, l] = de([]), d = (h) => {
     n((m) => m.some((b) => b._id === h._id) ? m.filter((b) => b._id !== h._id) : [...m, h]);
   }, f = Ye(
     () => bV((h) => {
@@ -40085,7 +40093,7 @@ const Qw = ({
   const e = we(
     (F) => F.chatSettingStore.config
   ), t = x0(), { client: n } = zt(), { showToast: i } = Va();
-  ot();
+  it();
   const [r, s] = de(!1), [a, o] = de(!1), [u, c] = de("0"), [l, d] = de(""), [f, h] = de(""), [m, A] = de({
     name: "Public",
     id: "public"
@@ -41751,7 +41759,7 @@ function GV() {
         Object.prototype.hasOwnProperty.call(d, f) && (c[f] = d[f]);
     }
     return c;
-  }, t = /* @__PURE__ */ Zw(), n = s(t), i = at, r = s(i);
+  }, t = /* @__PURE__ */ Zw(), n = s(t), i = ot, r = s(i);
   function s(c) {
     return c && c.__esModule ? c : { default: c };
   }
@@ -41799,7 +41807,7 @@ function YV() {
         Object.prototype.hasOwnProperty.call(y, C) && (A[C] = y[C]);
     }
     return A;
-  }, t = /* @__PURE__ */ Zw(), n = d(t), i = $w(), r = d(i), s = QV(), a = d(s), o = at, u = d(o), c = GV(), l = d(c);
+  }, t = /* @__PURE__ */ Zw(), n = d(t), i = $w(), r = d(i), s = QV(), a = d(s), o = ot, u = d(o), c = GV(), l = d(c);
   function d(A) {
     return A && A.__esModule ? A : { default: A };
   }
@@ -41870,7 +41878,7 @@ const KV = /* @__PURE__ */ hi(XV), JV = H.div`
   chatJid: t,
   setVisible: n
 }) => {
-  const { config: i } = ot();
+  const { config: i } = it();
   return ge(() => {
     const { overflow: r } = document.body.style;
     return e && (document.body.style.overflow = "hidden"), () => {
@@ -42106,7 +42114,7 @@ const KV = /* @__PURE__ */ hi(XV), JV = H.div`
       }
     ],
     []
-  ), c = Ue(), { client: l } = zt(), { user: d, config: f } = ot(), h = we((w) => bh(w)), m = we((w) => w.rooms.usersSet), A = Ye(() => (Array.isArray(h?.members) ? h.members : []).map((v) => {
+  ), c = Ue(), { client: l } = zt(), { user: d, config: f } = it(), h = we((w) => bh(w)), m = we((w) => w.rooms.usersSet), A = Ye(() => (Array.isArray(h?.members) ? h.members : []).map((v) => {
     const _ = String(v?.xmppUsername || ""), R = _.split("@")[0], O = m?.[_] || m?.[R];
     return O ? {
       ...v,
@@ -43925,7 +43933,7 @@ const i3 = H.div`
   onRoomClick: n,
   isSmallScreen: i
 }) => {
-  const { client: r, setClient: s } = zt(), [a, o] = de(!1), [u, c] = de(""), l = Ue(), { config: d } = ot(), { activeRoomJID: f } = we((w) => w.rooms), h = ve(null);
+  const { client: r, setClient: s } = zt(), [a, o] = de(!1), [u, c] = de(""), l = Ue(), { config: d } = it(), { activeRoomJID: f } = we((w) => w.rooms), h = ve(null);
   ge(() => {
     const w = (e || []).filter((v) => !a3(v)).map(ZQ).filter(Boolean);
     if (w.length && (w.forEach((v) => {
@@ -44036,7 +44044,7 @@ const i3 = H.div`
             "div",
             {
               style: { flexGrow: 1, overflowY: "auto", padding: "16px 0px" },
-              children: y.map((w, v) => /* @__PURE__ */ U(at.Fragment, { children: [
+              children: y.map((w, v) => /* @__PURE__ */ U(ot.Fragment, { children: [
                 /* @__PURE__ */ g(
                   JQ,
                   {
@@ -44109,7 +44117,7 @@ const ok = ({
   handleCloseModal: c,
   handleClick: l
 }) => {
-  const d = ve(null), { config: f } = ot(), h = () => {
+  const d = ve(null), { config: f } = it(), h = () => {
     const m = d.current;
     m && (m.style.height = "auto", m.style.height = `${m.scrollHeight}px`);
   };
@@ -44164,7 +44172,7 @@ const ok = ({
   currentRoom: e,
   handleBackClick: t
 }) => {
-  const n = Ue(), { client: i } = zt(), [r, s] = de(!1), { roomsList: a, activeRoomJID: o } = sn(e.jid), { composing: u } = sn(e.jid).room, { config: c } = ot(), l = () => {
+  const n = Ue(), { client: i } = zt(), [r, s] = de(!1), { roomsList: a, activeRoomJID: o } = sn(e.jid), { composing: u } = sn(e.jid).room, { config: c } = it(), l = () => {
     n(Mv({ isOpen: !0 }));
   }, d = (A) => {
     n(
@@ -44303,7 +44311,7 @@ const ok = ({
   /* @__PURE__ */ g("path", { fill: "#312f42", d: "M1635 706c2.3 2.2 4.21 4.52 6.12 7.06 4.02 5.23 8.41 10.09 12.88 14.94-2.22 4.99-5.68 8.71-10 12-2.06.56-2.06.56-4.06.69-3.99.31-4.78.63-7.75 2.93-1.05.79-2.11 1.57-3.19 2.38l-3-1c-3.15-26.78-3.15-26.78 1.23-32.52 2.47-2.44 4.9-4.53 7.77-6.48" }),
   /* @__PURE__ */ g("text", { x: "685", y: "640", textAnchor: "middle", fontFamily: "var(--ethora-font-family, 'Inter', system-ui, sans-serif)", fontSize: "200", fontStyle: "italic", fontWeight: "700", fill: "currentColor", children: "Hi!" })
 ] }), sG = () => {
-  const { config: e } = ot();
+  const { config: e } = it();
   return /* @__PURE__ */ g(
     "div",
     {
@@ -44456,7 +44464,7 @@ const ok = ({
   font-size: var(--ethora-font-size-sm, 14px);
   color: #141414;
 `, mG = () => {
-  const { config: e } = ot();
+  const { config: e } = it();
   return /* @__PURE__ */ U(lG, { children: [
     /* @__PURE__ */ g(ck, { width: 240, style: { color: An(e) } }),
     /* @__PURE__ */ U(dG, { children: [
@@ -44558,7 +44566,7 @@ const yG = (e) => {
     handleMessageEdited: i
   };
 }, l3 = 3e5, lk = () => {
-  const { config: e, langSource: t } = ot(), { client: n } = zt(), i = Ue(), { handleMessageSent: r, handleMessageFailed: s } = yG(e), a = me((x) => {
+  const { config: e, langSource: t } = it(), { client: n } = zt(), i = Ue(), { handleMessageSent: r, handleMessageFailed: s } = yG(e), a = me((x) => {
     Promise.resolve(r(x)).catch((I) => {
       console.error("Error in async message sent hook:", I);
     });
@@ -45144,7 +45152,7 @@ const yG = (e) => {
     t?.[e]?.messages?.length
   ]);
 }, TG = (e) => {
-  const { client: t } = zt(), { activeRoomJID: n } = we((a) => a.rooms), { user: i } = ot(), r = me(() => {
+  const { client: t } = zt(), { activeRoomJID: n } = we((a) => a.rooms), { user: i } = it(), r = me(() => {
     e?.disableTypingIndicator || t && t.sendTypingRequestStanza(
       n,
       `${i.firstName} ${i.lastName}`,
@@ -45163,9 +45171,9 @@ const yG = (e) => {
     }, 100);
     return () => clearTimeout(a);
   }, [s]), { sendStartComposing: r, sendEndComposing: s };
-}, kf = at.memo(
+}, kf = ot.memo(
   ({ CustomMessageComponent: e, handleBackClick: t }) => {
-    const { CustomInputComponent: n } = Nc(), { client: i, providerBootstrapStatus: r, initMode: s } = zt(), a = Ue(), [o, u] = de(!1), { user: c, config: l } = ot(), {
+    const { CustomInputComponent: n } = Nc(), { client: i, providerBootstrapStatus: r, initMode: s } = zt(), a = Ue(), [o, u] = de(!1), { user: c, config: l } = it(), {
       roomsList: d,
       activeRoomJID: f,
       editAction: h,
@@ -46486,6 +46494,7 @@ const OG = ({ src: e }) => {
   height: 40px;
   border-radius: 50%;
   background-color: ${({ $bgColor: e }) => e};
+  ${({ $textColor: e }) => e ? `color: ${e};` : ""}
   display: flex;
   align-items: center;
   justify-content: center;
@@ -46504,19 +46513,21 @@ const OG = ({ src: e }) => {
   lastName: n,
   style: i
 }) => {
-  const { backgroundColor: r } = Ww(e || t);
-  return /* @__PURE__ */ g(LG, { style: i, $bgColor: r, children: (() => {
-    const a = (o) => /^[a-zA-Zа-яА-ЯёЁ]$/.test(o);
+  const { config: r } = it(), s = r?.colors?.iconsBg, a = r?.colors?.icons, { backgroundColor: o } = Ww(
+    e || t
+  );
+  return /* @__PURE__ */ g(LG, { style: i, $bgColor: s || o, $textColor: a, children: (() => {
+    const l = (d) => /^[a-zA-Zа-яА-ЯёЁ]$/.test(d);
     if (t && n) {
-      const o = a(t[0]) ? t[0].toUpperCase() : "", u = a(n[0]) ? n[0].toUpperCase() : "";
-      return `${o}${u}`;
+      const d = l(t[0]) ? t[0].toUpperCase() : "", f = l(n[0]) ? n[0].toUpperCase() : "";
+      return `${d}${f}`;
     } else if (e) {
-      const o = e.split(" ");
-      if (o.length > 1) {
-        const u = a(o[0][0]) ? o[0][0].toUpperCase() : "", c = a(o[1][0]) ? o[1][0].toUpperCase() : "";
-        return `${u}${c}`;
+      const d = e.split(" ");
+      if (d.length > 1) {
+        const f = l(d[0][0]) ? d[0][0].toUpperCase() : "", h = l(d[1][0]) ? d[1][0].toUpperCase() : "";
+        return `${f}${h}`;
       } else
-        return `${a(o[0][0]) ? o[0][0].toUpperCase() : ""}`;
+        return `${l(d[0][0]) ? d[0][0].toUpperCase() : ""}`;
     }
     return "??";
   })() });
@@ -49473,7 +49484,7 @@ function Hk(e) {
     ref: t
   }), () => {
     n.current = null;
-  }), []), /* @__PURE__ */ at.createElement("div", {
+  }), []), /* @__PURE__ */ ot.createElement("div", {
     ref: t
   });
 }
@@ -49983,7 +49994,7 @@ const SY = H.div`
   ), t = Array.isArray(e) ? e : [], n = new Set(t.map((i) => i.id));
   return { queue: t, idSet: n };
 }, ZY = /(https?:\/\/[\w.-]+(?:\.[\w.-]+)+[\w\-._~:/?#[\]@!$&'()*+,;=.]+)/, $Y = Kk(({ message: e, isUser: t, isReply: n }, i) => {
-  const { client: r } = zt(), { user: s, config: a, langSource: o } = ot(), { idSet: u } = JY(), c = !!a?.disableInteractions, l = !!a?.disableProfilesInteractions, d = we((W) => W.rooms.usersSet), f = e.user?.id ?? "", h = f.split("@")[0], m = d[h] ?? d[f], A = m ? `${m.firstName ?? ""} ${m.lastName ?? ""}`.trim() || h : e.user?.name || h || "Unknown", b = Fu(e.mainMessage), y = Ue(), [C, k] = de(
+  const { client: r } = zt(), { user: s, config: a, langSource: o } = it(), { idSet: u } = JY(), c = !!a?.disableInteractions, l = !!a?.disableProfilesInteractions, d = we((W) => W.rooms.usersSet), f = e.user?.id ?? "", h = f.split("@")[0], m = d[h] ?? d[f], A = m ? `${m.firstName ?? ""} ${m.lastName ?? ""}`.trim() || h : e.user?.name || h || "Unknown", b = Fu(e.mainMessage), y = Ue(), [C, k] = de(
     c ? null : {
       visible: !1,
       x: 0,
@@ -50487,7 +50498,7 @@ const SY = H.div`
   user: t,
   customMessageComponent: n
 }) => {
-  const { client: i } = zt(), r = Ue(), { loading: s, roomsList: a, editAction: o } = sn(), { config: u } = ot(), {
+  const { client: i } = zt(), r = Ue(), { loading: s, roomsList: a, editAction: o } = sn(), { config: u } = it(), {
     sendMessage: c,
     sendMedia: l,
     sendEditMessage: d,
@@ -50657,7 +50668,7 @@ const SY = H.div`
   "Personal Details",
   "Illegal Drugs"
 ], aX = () => {
-  const { config: e } = ot(), { activeRoomJID: t } = sn(), n = Ue(), [i, r] = de(""), [s, a] = de({
+  const { config: e } = it(), { activeRoomJID: t } = sn(), n = Ue(), [i, r] = de(""), [s, a] = de({
     name: "",
     isChoose: !1
   }), o = me(
@@ -51001,7 +51012,7 @@ const AX = ({
     initMode: w
   } = zt(), v = dk();
   we((T) => T.rooms.rooms);
-  const { roomsList: _, activeRoomJID: R } = sn(), { user: O } = ot(), S = ve({}), P = ve({}), x = (T) => {
+  const { roomsList: _, activeRoomJID: R } = sn(), { user: O } = it(), S = ve({}), P = ve({}), x = (T) => {
     S.current[T] = Date.now();
   }, I = (T, z) => {
     const ne = S.current[z];
@@ -51398,7 +51409,7 @@ const AX = ({
   config: t,
   roomJID: n
 }) => {
-  const { CustomMessageComponent: i } = Nc(), r = i || $Y, { user: s, activeModal: a, deleteModal: o } = ot(), [u, c] = de(!1), [l, d] = de(!1), [f, h] = de(!0), m = t?.xmppSettings?.conference, A = Ue(), { wasAutoSelected: b } = uX(
+  const { CustomMessageComponent: i } = Nc(), r = i || $Y, { user: s, activeModal: a, deleteModal: o } = it(), [u, c] = de(!1), [l, d] = de(!1), [f, h] = de(!0), m = t?.xmppSettings?.conference, A = Ue(), { wasAutoSelected: b } = uX(
     (T) => A($e(T)),
     m
   );
@@ -51949,8 +51960,8 @@ const TX = Tt`
   onNavigateToMessage: a,
   duration: o
 }) => {
-  const [u, c] = at.useState(!1);
-  at.useEffect(() => {
+  const [u, c] = ot.useState(!1);
+  ot.useEffect(() => {
     const m = Date.now() - r, A = Math.max(0, o - m);
     if (A <= 0) {
       c(!0), setTimeout(s, 300);
@@ -52287,7 +52298,7 @@ function iK(e) {
     JSON.stringify(e?.weights ?? {})
   ]);
 }
-const rK = () => (KX(), null), sK = ({ config: e }) => (iK(e?.typography), null), aK = ({ config: e }) => (at.useEffect(() => {
+const rK = () => (KX(), null), sK = ({ config: e }) => (iK(e?.typography), null), aK = ({ config: e }) => (ot.useEffect(() => {
   $O(e);
 }, [
   e?.colors?.icons,
@@ -52305,7 +52316,7 @@ const rK = () => (KX(), null), sK = ({ config: e }) => (iK(e?.typography), null)
   serviceWorkerScope: e?.pushNotifications?.serviceWorkerScope,
   softAsk: e?.pushNotifications?.softAsk,
   onClick: e?.pushNotifications?.onClick
-}), null), QK = at.memo(
+}), null), QK = ot.memo(
   ({
     CustomMessageComponent: e,
     CustomInputComponent: t,