@ethora/chat-component 26.5.5 → 26.5.6

package/dist/main.js

@@ -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 })
         ]
       }
@@ -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 } = ot(), 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: "×"
           }