stream-chat-react 14.8.0 → 14.10.0

package/dist/es/{useChannelHeaderOnlineStatus.c86db868.mjs → useChannelHeaderOnlineStatus.d6065c22.mjs}

@@ -530,16 +530,19 @@ var getInitials = (name) => {
 /**
 * A round avatar image with fallback to username's first letter
 */
-var Avatar = ({ className, FallbackIcon = IconUser, imageUrl, isOnline, size, userName, ...rest }) => {
+var Avatar = ({ className, FallbackIcon = IconUser, imageUrl, initials: customInitials, isOnline, size, userName, ...rest }) => {
 	const [error, setError] = useState(false);
 	useEffect(() => () => setError(false), [imageUrl]);
-	const nameString = userName?.toString() || "";
-	const avatarImageAlt = nameString.trim();
+	const nameString = userName?.toString().trim() || "";
 	const sizeAwareInitials = useMemo(() => {
-		const initials = getInitials(nameString);
+		const initials = customInitials || getInitials(nameString);
 		if (size === "sm" || size === "xs") return initials.charAt(0);
 		return initials;
-	}, [nameString, size]);
+	}, [
+		nameString,
+		size,
+		customInitials
+	]);
 	const showImage = typeof imageUrl === "string" && imageUrl && !error;
 	return /* @__PURE__ */ jsxs("div", {
 		className: clsx(`str-chat__avatar`, className, {
@@ -556,7 +559,7 @@ var Avatar = ({ className, FallbackIcon = IconUser, imageUrl, isOnline, size, us
 			"str-chat__avatar-status-badge--offline": !isOnline,
 			"str-chat__avatar-status-badge--online": isOnline
 		}) }), showImage ? /* @__PURE__ */ jsx("img", {
-			alt: avatarImageAlt,
+			alt: nameString,
 			className: "str-chat__avatar-image",
 			"data-testid": "avatar-img",
 			onError: () => setError(true),
@@ -714,21 +717,24 @@ var BaseContextMenuButton = ({ children, className, details, hasSubMenu, Icon, l
 		!!hasSubMenu && /* @__PURE__ */ jsx(SubmenuIcon, { className: "str-chat__context-menu__button__submenu-icon" })
 	]
 });
-var UserContextMenuButton = ({ children, className, imageUrl, role = "menuitem", userName, ...props }) => /* @__PURE__ */ jsxs("button", {
-	...props,
-	className: clsx("str-chat__context-menu__button str-chat__user-context-menu__button", className),
-	role,
-	type: "button",
-	children: [/* @__PURE__ */ jsx(Avatar, {
-		"aria-hidden": true,
-		imageUrl,
-		size: "sm",
-		userName
-	}), /* @__PURE__ */ jsx("div", {
-		className: "str-chat__context-menu__button__label",
-		children: children ?? userName
-	})]
-});
+var UserContextMenuButton = ({ children, className, imageUrl, role = "menuitem", userName, ...props }) => {
+	const { Avatar: Avatar$1 = Avatar } = useComponentContext();
+	return /* @__PURE__ */ jsxs("button", {
+		...props,
+		className: clsx("str-chat__context-menu__button str-chat__user-context-menu__button", className),
+		role,
+		type: "button",
+		children: [/* @__PURE__ */ jsx(Avatar$1, {
+			"aria-hidden": true,
+			imageUrl,
+			size: "sm",
+			userName
+		}), /* @__PURE__ */ jsx("div", {
+			className: "str-chat__context-menu__button__label",
+			children: children ?? userName
+		})]
+	});
+};
 var EmojiContextMenuButton = ({ children, className, emoji, label, role = "menuitem", ...props }) => /* @__PURE__ */ jsxs("button", {
 	...props,
 	className: clsx("str-chat__context-menu__button str-chat__emoji-context-menu__button", className),
@@ -1484,6 +1490,13 @@ var GlobalModal = ({ "aria-describedby": ariaDescribedby, "aria-label": ariaLabe
 	});
 };
 //#endregion
+//#region src/components/Avatar/utils.ts
+var extractDisplayInfo = ({ user }) => ({
+	id: user?.id,
+	imageUrl: user?.image,
+	userName: user?.name
+});
+//#endregion
 //#region src/components/Message/renderText/remarkPlugins/htmlToTextPlugin.ts
 var visitor = (node) => {
 	if (node.type !== "html") return;
@@ -3260,10 +3273,7 @@ var getGroupChannelDisplayInfo = (channel) => {
 	for (const member of members) {
 		const { user } = member;
 		if (!user?.name && !user?.image) continue;
-		memberList.push({
-			imageUrl: user.image,
-			userName: user.name
-		});
+		memberList.push(extractDisplayInfo(member));
 	}
 	return { members: memberList };
 };
@@ -3884,6 +3894,6 @@ function useChannelHeaderOnlineStatus({ channel: channelOverride, watcherCount:
 	return `${t("{{ memberCount }} members", { memberCount })} · ${t("{{ watcherCount }} online", { watcherCount })}`;
 }
 //#endregion
-export { ContextMenu as $, Gallery as A, VisuallyHidden as At, formatTime as B, MessageContext as Bt, Checkbox as C, useStableCallback as Ct, SwitchFieldDescription as D, NotificationConfigurationProvider as Dt, SwitchField as E, useNotifications as Et, toGalleryItemDescriptors as F, useModalContext as Ft, MessageTimestamp as G, FILE_ICON_GRAPHIC_CLASSNAME as H, useMessageContext as Ht, useGalleryContext as I, MessageTranslationViewContext as It, imageToLink as J, Timestamp as K, toBaseImageDescriptors as L, MessageTranslationViewProvider as Lt, VideoThumbnail as M, useAriaLiveOutletContext as Mt, VideoPlayer as N, ModalContext as Nt, SwitchFieldLabel as O, useNotificationConfigurationContext as Ot, GalleryContext as P, ModalContextProvider as Pt, BaseContextMenuButton as Q, BaseImage as R, getTranslatedMessageText as Rt, TextInput as S, useAriaIdentifiers as St, Switch as T, LoadingIndicator as Tt, FILE_ICON_NO_LABEL_CLASSNAME as U, FileIcon as V, MessageProvider as Vt, DownloadButton as W, GlobalModal as X, htmlToTextPlugin as Y, Prompt as Z, getLatestMessagePreview as _, DialogAnchor as _t, pickNewest as a, ContextMenuRoot as at, ListItemLayout as b, Header as bt, useIsUserMuted as c, UserContextMenuButton as ct, useSelectedChannelState as d, getNextRovingFocusIndex as dt, ContextMenuBackButton as et, isDmChannel as f, GroupAvatar as ft, getGroupChannelDisplayInfo as g, Avatar as gt, getChannelDisplayImage as h, ErrorBadge as ht, createDefaultPickNext as i, ContextMenuHeader as it, GalleryUI as j, AriaLiveOutletContext as jt, SwitchFieldTitle as k, AriaLiveOutlet as kt, useIsChannelMuted as l, useContextMenuContext as lt, useChannelDisplayName as m, Badge as mt, useChannelHasMembersOnline as n, ContextMenuButton as nt, pickOldest as o, DEFAULT_CONTEXT_MENU_KEYBOARD_NAVIGATION_ITEM_SELECTOR as ot, useChannelPreviewInfo as p, ChannelAvatar as pt, plusPlusToEmphasis as q, NotificationList as r, ContextMenuContent as rt, Notification as s, EmojiContextMenuButton as st, useChannelHeaderOnlineStatus as t, ContextMenuBody as tt, useChannelMembershipState as u, createRovingFocusKeyDownHandler as ut, getLatestMessagePreviewText as v, useDialogAnchor as vt, Checkmark as w, FileSizeIndicator as wt, ListItemLayoutContent as x, Root as xt, renderPreviewText as y, Alert as yt, ImagePlaceholder as z, useMessageTranslationViewContext as zt };
+export { BaseContextMenuButton as $, Gallery as A, AriaLiveOutlet as At, formatTime as B, useMessageTranslationViewContext as Bt, Checkbox as C, useAriaIdentifiers as Ct, SwitchFieldDescription as D, useNotifications as Dt, SwitchField as E, LoadingIndicator as Et, toGalleryItemDescriptors as F, ModalContextProvider as Ft, MessageTimestamp as G, FILE_ICON_GRAPHIC_CLASSNAME as H, MessageProvider as Ht, useGalleryContext as I, useModalContext as It, imageToLink as J, Timestamp as K, toBaseImageDescriptors as L, MessageTranslationViewContext as Lt, VideoThumbnail as M, AriaLiveOutletContext as Mt, VideoPlayer as N, useAriaLiveOutletContext as Nt, SwitchFieldLabel as O, NotificationConfigurationProvider as Ot, GalleryContext as P, ModalContext as Pt, Prompt as Q, BaseImage as R, MessageTranslationViewProvider as Rt, TextInput as S, Root as St, Switch as T, FileSizeIndicator as Tt, FILE_ICON_NO_LABEL_CLASSNAME as U, useMessageContext as Ut, FileIcon as V, MessageContext as Vt, DownloadButton as W, extractDisplayInfo as X, htmlToTextPlugin as Y, GlobalModal as Z, getLatestMessagePreview as _, Avatar as _t, pickNewest as a, ContextMenuHeader as at, ListItemLayout as b, Alert as bt, useIsUserMuted as c, EmojiContextMenuButton as ct, useSelectedChannelState as d, createRovingFocusKeyDownHandler as dt, ContextMenu as et, isDmChannel as f, getNextRovingFocusIndex as ft, getGroupChannelDisplayInfo as g, ErrorBadge as gt, getChannelDisplayImage as h, Badge as ht, createDefaultPickNext as i, ContextMenuContent as it, GalleryUI as j, VisuallyHidden as jt, SwitchFieldTitle as k, useNotificationConfigurationContext as kt, useIsChannelMuted as l, UserContextMenuButton as lt, useChannelDisplayName as m, ChannelAvatar as mt, useChannelHasMembersOnline as n, ContextMenuBody as nt, pickOldest as o, ContextMenuRoot as ot, useChannelPreviewInfo as p, GroupAvatar as pt, plusPlusToEmphasis as q, NotificationList as r, ContextMenuButton as rt, Notification as s, DEFAULT_CONTEXT_MENU_KEYBOARD_NAVIGATION_ITEM_SELECTOR as st, useChannelHeaderOnlineStatus as t, ContextMenuBackButton as tt, useChannelMembershipState as u, useContextMenuContext as ut, getLatestMessagePreviewText as v, DialogAnchor as vt, Checkmark as w, useStableCallback as wt, ListItemLayoutContent as x, Header as xt, renderPreviewText as y, useDialogAnchor as yt, ImagePlaceholder as z, getTranslatedMessageText as zt };
 
-//# sourceMappingURL=useChannelHeaderOnlineStatus.c86db868.mjs.map
+//# sourceMappingURL=useChannelHeaderOnlineStatus.d6065c22.mjs.map