@replyke/ui-core-react-js 6.0.0-beta.4 → 6.0.0-beta.6

package/dist/cjs/components/UserAvatar.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const reset_styles_1 = require("../constants/reset-styles");
+const getUserAvatar_1 = require("../helpers/getUserAvatar");
 function UserAvatar({ user, size = 32, borderRadius, }) {
     if (!user)
         return null;
@@ -14,8 +15,7 @@ function UserAvatar({ user, size = 32, borderRadius, }) {
             borderColor: "#E6E6E6",
             display: "inline-block",
             flexShrink: 0,
-        }, children: (0, jsx_runtime_1.jsx)("img", { src: user.avatar ??
-                `https://api.dicebear.com/9.x/thumbs/svg?seed=${user.id}`, alt: user.name || user.id, style: {
+        }, children: (0, jsx_runtime_1.jsx)("img", { src: user.avatar ?? (0, getUserAvatar_1.getUserAvatar)(user.id), alt: user.name || user.id, style: {
                 ...reset_styles_1.resetImg,
                 width: "100%",
                 height: "100%",

package/dist/cjs/components/UserAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../src/components/UserAvatar.tsx"],"names":[],"mappings":";;;AAAA,4DAAqD;AASrD,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,YAAY,GAKb;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,YAAY,IAAI,IAAI;YAClC,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,CAAC;SACd,YAED,gCACE,GAAG,EACD,IAAI,CAAC,MAAM;gBACX,gDAAgD,IAAI,CAAC,EAAE,EAAE,EAE3D,GAAG,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EACzB,KAAK,EAAE;gBACL,GAAG,uBAAQ;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../src/components/UserAvatar.tsx"],"names":[],"mappings":";;;AAAA,4DAAqD;AACrD,4DAAyD;AASzD,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,YAAY,GAKb;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,gCACE,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,YAAY,IAAI,IAAI;YAClC,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,CAAC;SACd,YAED,gCACE,GAAG,EAAE,IAAI,CAAC,MAAM,IAAI,IAAA,6BAAa,EAAC,IAAI,CAAC,EAAG,CAAC,EAC3C,GAAG,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EACzB,KAAK,EAAE;gBACL,GAAG,uBAAQ;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/cjs/helpers/getUserAvatar.d.ts

@@ -0,0 +1 @@
+export declare const getUserAvatar: (id: string) => string;

package/dist/cjs/helpers/getUserAvatar.js

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUserAvatar = void 0;
+// Improved hash function for better distribution across color palettes
+const hashCode = (str) => {
+    let hash = 0;
+    if (str.length === 0)
+        return hash;
+    // Use a larger prime number for better distribution
+    for (let i = 0; i < str.length; i++) {
+        const char = str.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash; // Convert to 32-bit integer
+    }
+    // Additional mixing to spread similar strings apart
+    hash = hash ^ (hash >>> 16);
+    hash = hash * 0x85ebca6b;
+    hash = hash ^ (hash >>> 13);
+    hash = hash * 0xc2b2ae35;
+    hash = hash ^ (hash >>> 16);
+    return Math.abs(hash);
+};
+// Generate deterministic "random" values from seed
+const seededRandom = (seed, index = 0) => {
+    const value = hashCode(seed + index);
+    return (value % 1000) / 1000; // Return value between 0 and 1
+};
+// 12 diverse color palettes covering the full spectrum for maximum distinction
+const colorPalettes = [
+    // Red family
+    { bg: "#e74c3c", shapes: ["#f39c12", "#2ecc71", "#ecf0f1"] },
+    // Orange family
+    { bg: "#f39c12", shapes: ["#e74c3c", "#27ae60", "#34495e"] },
+    // Yellow family
+    { bg: "#f1c40f", shapes: ["#8e44ad", "#16a085", "#2c3e50"] },
+    // Green family
+    { bg: "#27ae60", shapes: ["#3498db", "#e74c3c", "#ecf0f1"] },
+    // Teal family
+    { bg: "#16a085", shapes: ["#f39c12", "#9b59b6", "#34495e"] },
+    // Blue family
+    { bg: "#3498db", shapes: ["#e67e22", "#27ae60", "#2c3e50"] },
+    // Purple family
+    { bg: "#9b59b6", shapes: ["#f1c40f", "#16a085", "#ecf0f1"] },
+    // Pink family
+    { bg: "#e91e63", shapes: ["#00bcd4", "#4caf50", "#424242"] },
+    // Brown family
+    { bg: "#8d6e63", shapes: ["#ff9800", "#009688", "#f5f5f5"] },
+    // Gray family
+    { bg: "#607d8b", shapes: ["#ff5722", "#8bc34a", "#ffffff"] },
+    // Bright neon family
+    { bg: "#00e676", shapes: ["#ff1744", "#2979ff", "#37474f"] },
+    // Dark rich family
+    { bg: "#263238", shapes: ["#ff6f00", "#e91e63", "#00acc1"] },
+];
+// Generate geometric patterns
+const generatePattern = (seed, type) => {
+    const r1 = seededRandom(seed, type * 10);
+    const r2 = seededRandom(seed, type * 10 + 1);
+    const r3 = seededRandom(seed, type * 10 + 2);
+    const r4 = seededRandom(seed, type * 10 + 3);
+    const size = 30 + r1 * 40; // Size between 30-70
+    const x = r2 * 80; // Position 0-80 (leaving margin)
+    const y = r3 * 80; // Position 0-80 (leaving margin)
+    switch (type % 4) {
+        case 0: // Circle
+            return `<circle cx="${x + 20}" cy="${y + 20}" r="${size / 2}" fill-opacity="0.8"/>`;
+        case 1: // Rectangle
+            return `<rect x="${x + 10}" y="${y + 10}" width="${size}" height="${size * 0.6}" fill-opacity="0.7" rx="5"/>`;
+        case 2: // Triangle
+            const points = `${x + 20},${y + 10} ${x + 20 + size / 2},${y + 10 + size} ${x + 20 - size / 2},${y + 10 + size}`;
+            return `<polygon points="${points}" fill-opacity="0.6"/>`;
+        case 3: // Diamond
+            const diamond = `${x + 20},${y} ${x + 20 + size / 2},${y + 20} ${x + 20},${y + 40} ${x + 20 - size / 2},${y + 20}`;
+            return `<polygon points="${diamond}" fill-opacity="0.7"/>`;
+        default:
+            return "";
+    }
+};
+const getUserAvatar = (id) => {
+    if (!id)
+        return ("data:image/svg+xml;base64," +
+            btoa('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect width="100" height="100" fill="#ddd"/></svg>'));
+    // Select color palette with maximum distribution
+    // Use string length and multiple character properties for unique distribution
+    const stringLength = id.length;
+    const firstChar = id.charCodeAt(0) || 0;
+    const lastChar = id.charCodeAt(id.length - 1) || 0;
+    const middleChar = id.charCodeAt(Math.floor(id.length / 2)) || 0;
+    // Combine multiple string properties for unique mapping
+    const distributionValue = hashCode(id) +
+        stringLength * 47 +
+        firstChar * 73 +
+        lastChar * 101 +
+        middleChar * 137;
+    const paletteIndex = Math.abs(distributionValue) % colorPalettes.length;
+    const palette = colorPalettes[paletteIndex];
+    // Generate 3-4 geometric shapes with different colors
+    const numShapes = 3 + (hashCode(id + "count") % 2); // 3 or 4 shapes
+    const shapes = [];
+    for (let i = 0; i < numShapes; i++) {
+        const colorIndex = hashCode(id + "color" + i) % palette.shapes.length;
+        const shapeColor = palette.shapes[colorIndex];
+        const pattern = generatePattern(id + "shape" + i, i);
+        if (pattern) {
+            shapes.push(`<g fill="${shapeColor}">${pattern}</g>`);
+        }
+    }
+    // Create SVG
+    const svg = `
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+      <rect width="100" height="100" fill="${palette.bg}"/>
+      ${shapes.join("")}
+    </svg>
+  `.trim();
+    // Return as data URL
+    return "data:image/svg+xml;base64," + btoa(svg);
+};
+exports.getUserAvatar = getUserAvatar;
+//# sourceMappingURL=getUserAvatar.js.map

package/dist/cjs/helpers/getUserAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUserAvatar.js","sourceRoot":"","sources":["../../../src/helpers/getUserAvatar.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/UserAvatar.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { resetImg } from "../constants/reset-styles";
+import { getUserAvatar } from "../helpers/getUserAvatar";
 function UserAvatar({ user, size = 32, borderRadius, }) {
     if (!user)
         return null;
@@ -12,8 +13,7 @@ function UserAvatar({ user, size = 32, borderRadius, }) {
             borderColor: "#E6E6E6",
             display: "inline-block",
             flexShrink: 0,
-        }, children: _jsx("img", { src: user.avatar ??
-                `https://api.dicebear.com/9.x/thumbs/svg?seed=${user.id}`, alt: user.name || user.id, style: {
+        }, children: _jsx("img", { src: user.avatar ?? getUserAvatar(user.id), alt: user.name || user.id, style: {
                 ...resetImg,
                 width: "100%",
                 height: "100%",

package/dist/esm/components/UserAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../src/components/UserAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AASrD,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,YAAY,GAKb;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,YAAY,IAAI,IAAI;YAClC,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,CAAC;SACd,YAED,cACE,GAAG,EACD,IAAI,CAAC,MAAM;gBACX,gDAAgD,IAAI,CAAC,EAAE,EAAE,EAE3D,GAAG,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EACzB,KAAK,EAAE;gBACL,GAAG,QAAQ;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../src/components/UserAvatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AASzD,SAAS,UAAU,CAAC,EAClB,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,YAAY,GAKb;IACC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACvB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,QAAQ;YAClB,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,YAAY,EAAE,YAAY,IAAI,IAAI;YAClC,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,SAAS;YACtB,OAAO,EAAE,cAAc;YACvB,UAAU,EAAE,CAAC;SACd,YAED,cACE,GAAG,EAAE,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,IAAI,CAAC,EAAG,CAAC,EAC3C,GAAG,EAAE,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,EACzB,KAAK,EAAE;gBACL,GAAG,QAAQ;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,OAAO;aACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,eAAe,UAAU,CAAC"}

package/dist/esm/helpers/getUserAvatar.d.ts

@@ -0,0 +1 @@
+export declare const getUserAvatar: (id: string) => string;

package/dist/esm/helpers/getUserAvatar.js

@@ -0,0 +1,115 @@
+// Improved hash function for better distribution across color palettes
+const hashCode = (str) => {
+    let hash = 0;
+    if (str.length === 0)
+        return hash;
+    // Use a larger prime number for better distribution
+    for (let i = 0; i < str.length; i++) {
+        const char = str.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash = hash & hash; // Convert to 32-bit integer
+    }
+    // Additional mixing to spread similar strings apart
+    hash = hash ^ (hash >>> 16);
+    hash = hash * 0x85ebca6b;
+    hash = hash ^ (hash >>> 13);
+    hash = hash * 0xc2b2ae35;
+    hash = hash ^ (hash >>> 16);
+    return Math.abs(hash);
+};
+// Generate deterministic "random" values from seed
+const seededRandom = (seed, index = 0) => {
+    const value = hashCode(seed + index);
+    return (value % 1000) / 1000; // Return value between 0 and 1
+};
+// 12 diverse color palettes covering the full spectrum for maximum distinction
+const colorPalettes = [
+    // Red family
+    { bg: "#e74c3c", shapes: ["#f39c12", "#2ecc71", "#ecf0f1"] },
+    // Orange family
+    { bg: "#f39c12", shapes: ["#e74c3c", "#27ae60", "#34495e"] },
+    // Yellow family
+    { bg: "#f1c40f", shapes: ["#8e44ad", "#16a085", "#2c3e50"] },
+    // Green family
+    { bg: "#27ae60", shapes: ["#3498db", "#e74c3c", "#ecf0f1"] },
+    // Teal family
+    { bg: "#16a085", shapes: ["#f39c12", "#9b59b6", "#34495e"] },
+    // Blue family
+    { bg: "#3498db", shapes: ["#e67e22", "#27ae60", "#2c3e50"] },
+    // Purple family
+    { bg: "#9b59b6", shapes: ["#f1c40f", "#16a085", "#ecf0f1"] },
+    // Pink family
+    { bg: "#e91e63", shapes: ["#00bcd4", "#4caf50", "#424242"] },
+    // Brown family
+    { bg: "#8d6e63", shapes: ["#ff9800", "#009688", "#f5f5f5"] },
+    // Gray family
+    { bg: "#607d8b", shapes: ["#ff5722", "#8bc34a", "#ffffff"] },
+    // Bright neon family
+    { bg: "#00e676", shapes: ["#ff1744", "#2979ff", "#37474f"] },
+    // Dark rich family
+    { bg: "#263238", shapes: ["#ff6f00", "#e91e63", "#00acc1"] },
+];
+// Generate geometric patterns
+const generatePattern = (seed, type) => {
+    const r1 = seededRandom(seed, type * 10);
+    const r2 = seededRandom(seed, type * 10 + 1);
+    const r3 = seededRandom(seed, type * 10 + 2);
+    const r4 = seededRandom(seed, type * 10 + 3);
+    const size = 30 + r1 * 40; // Size between 30-70
+    const x = r2 * 80; // Position 0-80 (leaving margin)
+    const y = r3 * 80; // Position 0-80 (leaving margin)
+    switch (type % 4) {
+        case 0: // Circle
+            return `<circle cx="${x + 20}" cy="${y + 20}" r="${size / 2}" fill-opacity="0.8"/>`;
+        case 1: // Rectangle
+            return `<rect x="${x + 10}" y="${y + 10}" width="${size}" height="${size * 0.6}" fill-opacity="0.7" rx="5"/>`;
+        case 2: // Triangle
+            const points = `${x + 20},${y + 10} ${x + 20 + size / 2},${y + 10 + size} ${x + 20 - size / 2},${y + 10 + size}`;
+            return `<polygon points="${points}" fill-opacity="0.6"/>`;
+        case 3: // Diamond
+            const diamond = `${x + 20},${y} ${x + 20 + size / 2},${y + 20} ${x + 20},${y + 40} ${x + 20 - size / 2},${y + 20}`;
+            return `<polygon points="${diamond}" fill-opacity="0.7"/>`;
+        default:
+            return "";
+    }
+};
+export const getUserAvatar = (id) => {
+    if (!id)
+        return ("data:image/svg+xml;base64," +
+            btoa('<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><rect width="100" height="100" fill="#ddd"/></svg>'));
+    // Select color palette with maximum distribution
+    // Use string length and multiple character properties for unique distribution
+    const stringLength = id.length;
+    const firstChar = id.charCodeAt(0) || 0;
+    const lastChar = id.charCodeAt(id.length - 1) || 0;
+    const middleChar = id.charCodeAt(Math.floor(id.length / 2)) || 0;
+    // Combine multiple string properties for unique mapping
+    const distributionValue = hashCode(id) +
+        stringLength * 47 +
+        firstChar * 73 +
+        lastChar * 101 +
+        middleChar * 137;
+    const paletteIndex = Math.abs(distributionValue) % colorPalettes.length;
+    const palette = colorPalettes[paletteIndex];
+    // Generate 3-4 geometric shapes with different colors
+    const numShapes = 3 + (hashCode(id + "count") % 2); // 3 or 4 shapes
+    const shapes = [];
+    for (let i = 0; i < numShapes; i++) {
+        const colorIndex = hashCode(id + "color" + i) % palette.shapes.length;
+        const shapeColor = palette.shapes[colorIndex];
+        const pattern = generatePattern(id + "shape" + i, i);
+        if (pattern) {
+            shapes.push(`<g fill="${shapeColor}">${pattern}</g>`);
+        }
+    }
+    // Create SVG
+    const svg = `
+    <svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
+      <rect width="100" height="100" fill="${palette.bg}"/>
+      ${shapes.join("")}
+    </svg>
+  `.trim();
+    // Return as data URL
+    return "data:image/svg+xml;base64," + btoa(svg);
+};
+//# sourceMappingURL=getUserAvatar.js.map

package/dist/esm/helpers/getUserAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getUserAvatar.js","sourceRoot":"","sources":["../../../src/helpers/getUserAvatar.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@replyke/ui-core-react-js",
-  "version": "6.0.0-beta.4",
+  "version": "6.0.0-beta.6",
   "private": false,
   "license": "Apache-2.0",
   "author": "Replyke, maintained by Yanay Tsabary",
@@ -46,7 +46,7 @@
   },
   "devDependencies": {
     "moment": "^2.30.1",
-    "@replyke/core": "6.0.0-beta.4"
+    "@replyke/core": "6.0.0-beta.6"
   },
   "peerDependencies": {
     "@replyke/core": ">=5",