@linktr.ee/messaging-react 3.5.5-rc-1782980871 → 3.5.5-rc-1782981024

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-lw0gsgkI.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-DhrVhE58.cjs");exports.ActionButton=e.ActionButton;exports.Avatar=e.Avatar;exports.ChannelEmptyState=e.ChannelEmptyState;exports.ChannelList=e.ChannelList;exports.ChannelView=e.ChannelView;exports.CustomMessageProvider=e.CustomMessageProvider;exports.FaqList=e.FaqList;exports.FaqListItem=e.FaqListItem;exports.LinkAttachment=e.LinkAttachment;exports.LockedAttachment=e.LockedAttachment;exports.MediaMessage=e.MediaMessage;exports.MessageAttachment=e.MessageAttachment;exports.MessageVoteButtons=e.MessageVoteButtons;exports.MessagingProvider=e.MessagingProvider;exports.MessagingShell=e.MessagingShell;exports.buildCompactMetaLabel=e.buildCompactMetaLabel;exports.formatFileSize=e.formatFileSize;exports.formatRelativeTime=e.formatRelativeTime;exports.getFileExtensionLabel=e.getFileExtensionLabel;exports.getMessageDisplayText=e.getMessageDisplayText;exports.isLinkAttachment=e.isLinkAttachment;exports.isUuidLike=e.isUuidLike;exports.messageAttachmentGroupPositionFromStream=e.bubbleGroupPositionFromStream;exports.normalizeLanguageCode=e.normalizeLanguageCode;exports.resolveConversationParticipant=e.resolveConversationParticipant;exports.resolveLinkAttachment=e.resolveLinkAttachment;exports.resolveMediaFromMessage=e.resolveMediaFromMessage;exports.resolveParticipantDisplayName=e.resolveParticipantDisplayName;exports.useComposerLocked=e.useComposerLocked;exports.useCustomMessage=e.useCustomMessage;exports.useMessageVote=e.useMessageVote;exports.useMessaging=e.useMessaging;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as d, m as p, n as v, o as C, p as A, q as k, s as F, t as P, u as b, v as f, w as x, x as y, y as S, z as q, B as z, D as B, E as D, G as E } from "./index-CXWxy_j9.js";
+import { a as e, b as t, C as i, c as o, d as n, e as m, F as r, f as g, L as l, h as M, M as c, i as u, j as L, k as h, l as d, m as p, n as v, o as C, p as A, q as k, s as F, t as P, u as b, v as f, w as x, x as y, y as S, z as q, B as z, D as B, E as D, G as E } from "./index-BVpq3q3z.js";
 export {
   e as ActionButton,
   t as Avatar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@linktr.ee/messaging-react",
-  "version": "3.5.5-rc-1782980871",
+  "version": "3.5.5-rc-1782981024",
   "description": "React messaging components built on messaging-core for web applications",
   "type": "module",
   "main": "dist/index.cjs",
@@ -38,7 +38,7 @@
   },
   "dependencies": {
     "@linktr.ee/component-library": "11.8.6",
-    "@linktr.ee/messaging-core": "2.3.0-rc-1782980871",
+    "@linktr.ee/messaging-core": "2.3.0-rc-1782981024",
     "@phosphor-icons/react": "^2.1.10"
   },
   "devDependencies": {

package/src/components/Avatar/getAvatarEmoji.ts

@@ -1,44 +1,23 @@
 /**
- * Generate a fruit emoji based on a string id
- * Returns a consistent fruit emoji for the same id
+ * Fruit emojis paired with their avatar background color.
+ * Single source of truth for both `getAvatarEmoji` and `getAvatarBgColor`.
  */
-const EMOJIS = [
-  '🍎', // Apple
-  '🍌', // Banana
-  '🍇', // Grape
-  '🍊', // Orange
-  '🍓', // Strawberry
-  '🥥', // Coconut
-  '🍒', // Cherry
-  '🥭', // Mango
-  '🍉', // Watermelon
-  '🍋', // Lemon
-  '🥝', // Kiwi
-  '🫒', // Olive
-  '🍈', // Melon
+const FRUITS = [
+  { emoji: '🍎', bgColor: '#FFD1DD' }, // Apple
+  { emoji: '🍌', bgColor: '#FFF1C9' }, // Banana
+  { emoji: '🍇', bgColor: '#E6D9FF' }, // Grape
+  { emoji: '🍊', bgColor: '#D6F4FF' }, // Orange
+  { emoji: '🍓', bgColor: '#FFE0AE' }, // Strawberry
+  { emoji: '🥥', bgColor: '#F7E7D8' }, // Coconut
+  { emoji: '🍒', bgColor: '#DFF4D8' }, // Cherry
+  { emoji: '🥭', bgColor: '#FFD8C2' }, // Mango
+  { emoji: '🍉', bgColor: '#D6EBFF' }, // Watermelon
+  { emoji: '🍋', bgColor: '#CAEEB5' }, // Lemon
+  { emoji: '🥝', bgColor: '#FFE7C7' }, // Kiwi
+  { emoji: '🫒', bgColor: '#F6E3B4' }, // Olive
+  { emoji: '🍈', bgColor: '#D9F7E1' }, // Melon
 ]
 
-/**
- * Background color paired with each fruit emoji
- */
-const EMOJI_BG_COLORS: Record<string, string> = {
-  '🍉': '#D6EBFF', // Watermelon
-  '🍎': '#FFD1DD', // Apple
-  '🍓': '#FFE0AE', // Strawberry
-  '🍋': '#CAEEB5', // Lemon
-  '🍌': '#FFF1C9', // Banana
-  '🍇': '#E6D9FF', // Grape
-  '🍊': '#D6F4FF', // Orange
-  '🥥': '#F7E7D8', // Coconut
-  '🍒': '#DFF4D8', // Cherry
-  '🥭': '#FFD8C2', // Mango
-  '🥝': '#FFE7C7', // Kiwi
-  '🫒': '#F6E3B4', // Olive
-  '🍈': '#D9F7E1', // Melon
-}
-
-const DEFAULT_BG_COLOR = '#E6E5E3'
-
 /**
  * Simple hash function to convert string to number
  */
@@ -52,15 +31,20 @@ function hashString(str: string): number {
   return Math.abs(hash)
 }
 
+/**
+ * Pick a consistent fruit for an id string
+ */
+function getFruit(id: string) {
+  return FRUITS[hashString(id) % FRUITS.length]
+}
+
 /**
  * Get a fruit emoji based on an id string
  * @param id - The string id to generate emoji from
  * @returns A fruit emoji string
  */
 export function getAvatarEmoji(id: string): string {
-  const hash = hashString(id)
-  const index = hash % EMOJIS.length
-  return EMOJIS[index]
+  return getFruit(id).emoji
 }
 
 /**
@@ -69,6 +53,5 @@ export function getAvatarEmoji(id: string): string {
  * @returns A hex color string
  */
 export function getAvatarBgColor(id: string): string {
-  return EMOJI_BG_COLORS[getAvatarEmoji(id)] ?? DEFAULT_BG_COLOR
+  return getFruit(id).bgColor
 }
-