@sesionario/blocks 1.2.0 → 1.3.0

package/dist/index.cjs

@@ -733,6 +733,88 @@ function ThemeSwitcher({
     }
   );
 }
+
+// src/lib/avatar.ts
+var EMPTY_COLORS = {
+  backgroundColor: "#9ca3af",
+  color: "#111111"
+};
+var AVATAR_PALETTE = [
+  "#4f6d8c",
+  // slate blue
+  "#3d7a6a",
+  // teal
+  "#6b5b8a",
+  // muted purple
+  "#8a5a4a",
+  // warm brown
+  "#4a7a8a",
+  // steel cyan
+  "#7a6b4a",
+  // olive
+  "#5a6b8a",
+  // periwinkle
+  "#8a4a5a",
+  // rose
+  "#4a8a6b",
+  // green
+  "#6b4a7a",
+  // plum
+  "#8a6b4a",
+  // amber brown
+  "#4a5a8a",
+  // indigo
+  "#7a4a6b",
+  // mauve
+  "#5a8a4a",
+  // leaf
+  "#8a5a7a",
+  // dusty pink
+  "#3d6b7a"
+  // deep teal
+];
+function hashString(input) {
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i++) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619);
+  }
+  return hash >>> 0;
+}
+function srgbToLinear(channel) {
+  const c = channel / 255;
+  return c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+}
+function relativeLuminance(hex) {
+  const normalized = hex.replace("#", "");
+  const r = Number.parseInt(normalized.slice(0, 2), 16);
+  const g = Number.parseInt(normalized.slice(2, 4), 16);
+  const b = Number.parseInt(normalized.slice(4, 6), 16);
+  return 0.2126 * srgbToLinear(r) + 0.7152 * srgbToLinear(g) + 0.0722 * srgbToLinear(b);
+}
+function contrastingTextColor(backgroundHex) {
+  return relativeLuminance(backgroundHex) > 0.179 ? "#111111" : "#ffffff";
+}
+function getInitials(name, max = 2) {
+  const parts = name.trim().split(/\s+/).filter(Boolean);
+  if (parts.length === 0) return "?";
+  const letters = parts.slice(0, Math.max(1, max)).map((part) => part.charAt(0)).join("");
+  return letters.toUpperCase() || "?";
+}
+function getAvatarColors(name) {
+  const normalized = name.trim().toLowerCase();
+  if (!normalized) {
+    return { ...EMPTY_COLORS };
+  }
+  const backgroundColor = AVATAR_PALETTE[hashString(normalized) % AVATAR_PALETTE.length];
+  return {
+    backgroundColor,
+    color: contrastingTextColor(backgroundColor)
+  };
+}
+function avatarFallbackStyle(name) {
+  return getAvatarColors(name);
+}
 var defaultLabels2 = {
   heading: "Organizations",
   create: "Create organization",
@@ -749,10 +831,11 @@ function TenantAvatar({
     "div",
     {
       className: cn(
-        "flex shrink-0 items-center justify-center overflow-hidden bg-muted font-medium text-muted-foreground",
+        "flex shrink-0 items-center justify-center overflow-hidden font-medium",
         sizeClass
       ),
-      children: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: textClass, children: name.charAt(0).toUpperCase() })
+      style: logo ? void 0 : avatarFallbackStyle(name),
+      children: logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "", className: "size-full object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: textClass, children: getInitials(name) })
     }
   );
 }
@@ -4379,7 +4462,7 @@ function VerifiedProfessionalBadge({
   showLabel = false,
   className
 }) {
-  if (status === "unverified") {
+  if (status === "unverified" || status === "pending_review" && !showLabel) {
     return null;
   }
   const label = LABELS[status];
@@ -4748,9 +4831,6 @@ function MessageScrollerButton({
     }
   );
 }
-function initials(name) {
-  return name.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]?.toUpperCase() ?? "").join("");
-}
 function ChatMessageList({
   messages,
   currentUserId,
@@ -4772,7 +4852,14 @@ function ChatMessageList({
         "Mensaje eliminado \xB7 ",
         m.senderName
       ] }) }) : /* @__PURE__ */ jsxRuntime.jsxs(Message, { align, children: [
-        !mine ? /* @__PURE__ */ jsxRuntime.jsx(MessageAvatar, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex size-8 items-center justify-center rounded-full bg-muted text-xs font-medium text-muted-foreground", children: initials(m.senderName) }) }) : null,
+        !mine ? /* @__PURE__ */ jsxRuntime.jsx(MessageAvatar, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "flex size-8 items-center justify-center rounded-full text-xs font-medium",
+            style: avatarFallbackStyle(m.senderName),
+            children: getInitials(m.senderName)
+          }
+        ) }) : null,
         /* @__PURE__ */ jsxRuntime.jsxs(MessageContent, { children: [
           !mine ? /* @__PURE__ */ jsxRuntime.jsx(MessageHeader, { children: m.senderName }) : null,
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4848,6 +4935,7 @@ exports.SearchCommand = SearchCommand;
 exports.ThemeSwitcher = ThemeSwitcher;
 exports.VerifiedProfessionalBadge = VerifiedProfessionalBadge;
 exports.VideoPlayer = VideoPlayer;
+exports.avatarFallbackStyle = avatarFallbackStyle;
 exports.bubbleVariants = bubbleVariants;
 exports.cn = cn;
 exports.createLiveHlsConfig = createLiveHlsConfig;
@@ -4855,6 +4943,8 @@ exports.createVodHlsConfig = createVodHlsConfig;
 exports.defaultLanguages = defaultLanguages;
 exports.describePlaybackError = describePlaybackError;
 exports.fuzzyMatch = fuzzyMatch;
+exports.getAvatarColors = getAvatarColors;
+exports.getInitials = getInitials;
 exports.markerVariants = markerVariants;
 exports.normalizeEmojiQuery = normalizeEmojiQuery;
 exports.shouldRetryLiveEdge404 = shouldRetryLiveEdge404;