@eclass/ui-kit 1.59.6 → 1.59.7

package/dist/eclass-ui-kit.es.js

@@ -6759,18 +6759,18 @@ function skipAttributesToProps(node2) {
 var HTMLReactParser = /* @__PURE__ */ getDefaultExportFromCjs(lib$3);
 var ReactParser = HTMLReactParser.default || HTMLReactParser;
 const AVATAR_COLORS = ["#0076ba", "#229f9c", "#2cb26b", "#30baed", "#95569e", "#9bc03a", "#d84315", "#f5a623", "#f6712f", "#ff6363"];
-const getColorByUserId = (userId) => {
-  if (userId >= 0) {
-    const digits = userId.toString().split("");
-    const position = parseInt(digits[digits.length - 1], 10);
-    return AVATAR_COLORS[position];
-  }
-  return AVATAR_COLORS[Math.floor(Math.random() * AVATAR_COLORS.length)];
+const getColorIndex = (fullName) => {
+  var _a;
+  const trimmedNameLength = (_a = fullName == null ? void 0 : fullName.trim().length) != null ? _a : 0;
+  return trimmedNameLength % 10;
+};
+const getAvatarColor = (fullName) => {
+  const position = getColorIndex(fullName);
+  return AVATAR_COLORS[position];
 };
 const getInitials = (fullName) => fullName.split(" ").map((word) => word[0]).slice(0, 2).join("").toUpperCase();
 const Avatar = ({
   fullName,
-  userId,
   picture,
   size = 50,
   fontSize = 14,
@@ -6781,8 +6781,8 @@ const Avatar = ({
   const [bgColor, setBgColor] = useState("");
   const [imageValid, setImageValid] = useState(false);
   useEffect(() => {
-    setBgColor(getColorByUserId(userId));
-  }, [userId]);
+    setBgColor(getAvatarColor(fullName));
+  }, [fullName]);
   const wrapperStyle = {
     alignItems: "center",
     backgroundColor: (fullName == null ? void 0 : fullName.length) === 0 ? "#fff" : bgColor,