stream-chat-react 14.9.0 → 14.10.0

package/dist/es/channel-detail.mjs

@@ -1,5 +1,5 @@
 import { $t as IconFolder, An as IconSearch, Bn as IconUser, Gr as useComponentContext, Ir as useDialogOnNearestManager, It as IconChevronLeft, Jr as useChatContext, Kn as IconVideoFill, Lt as IconChevronRight, Mt as IconCheckmark, Pr as useDialogIsOpen, Qn as Button, Tt as IconAudio, Un as IconUserRemove, Vn as IconUserAdd, Vr as useStateStore, Vt as IconDelete, Zr as useChannelStateContext, _n as IconNoSign, _r as getDateString, bn as IconPin, cn as IconMenu, ei as useChannelListContext, gn as IconMute, ln as IconMessageBubble, mr as useTranslationContext, nn as IconInfo, r as useNotificationApi, ri as useChannelActionContext, rn as IconLeave, tn as IconImage, vr as isDate } from "./useNotificationApi.ed6bff88.mjs";
-import { $ as ContextMenu, A as Gallery, B as formatTime, C as Checkbox, Ct as useStableCallback, Ft as useModalContext, L as toBaseImageDescriptors, R as BaseImage, S as TextInput, T as Switch, Tt as LoadingIndicator, V as FileIcon, X as GlobalModal, Z as Prompt, b as ListItemLayout, c as useIsUserMuted, f as isDmChannel, gt as Avatar, j as GalleryUI, l as useIsChannelMuted, mt as Badge, n as useChannelHasMembersOnline, nt as ContextMenuButton, p as useChannelPreviewInfo, pt as ChannelAvatar, t as useChannelHeaderOnlineStatus, u as useChannelMembershipState, wt as FileSizeIndicator, yt as Alert } from "./useChannelHeaderOnlineStatus.c86db868.mjs";
+import { A as Gallery, B as formatTime, C as Checkbox, Et as LoadingIndicator, It as useModalContext, L as toBaseImageDescriptors, Q as Prompt, R as BaseImage, S as TextInput, T as Switch, Tt as FileSizeIndicator, V as FileIcon, X as extractDisplayInfo, Z as GlobalModal, _t as Avatar, b as ListItemLayout, bt as Alert, c as useIsUserMuted, et as ContextMenu, f as isDmChannel, ht as Badge, j as GalleryUI, l as useIsChannelMuted, mt as ChannelAvatar, n as useChannelHasMembersOnline, p as useChannelPreviewInfo, rt as ContextMenuButton, t as useChannelHeaderOnlineStatus, u as useChannelMembershipState, wt as useStableCallback } from "./useChannelHeaderOnlineStatus.d6065c22.mjs";
 import React, { createContext, forwardRef, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { ChannelMemberSearchSource, MessageSearchSource, UserSearchSource, isImageAttachment, isScrapedContent, isVideoAttachment } from "stream-chat";
@@ -1403,6 +1403,7 @@ var useChannelMediaSearch = () => {
 var DEFAULT_CHANNEL_MEDIA_ITEMS_PER_PAGE = 30;
 var ChannelMediaGridItem = ({ BaseImage, item, onClick }) => {
 	const { t } = useTranslationContext("ChannelMediaView");
+	const { Avatar: Avatar$4 = Avatar, extractDisplayInfo: extractDisplayInfo$4 = extractDisplayInfo } = useComponentContext();
 	const displayName = getUserDisplayName(item.user);
 	const mediaSrc = item.type === "video" ? item.galleryItem.videoThumbnailUrl : item.galleryItem.imageUrl;
 	const durationLabel = formatTime(item.durationSeconds, "floor");
@@ -1421,12 +1422,11 @@ var ChannelMediaGridItem = ({ BaseImage, item, onClick }) => {
 				className: "str-chat__channel-detail__media-view__item__placeholder",
 				children: /* @__PURE__ */ jsx(IconImage, {})
 			}),
-			/* @__PURE__ */ jsx(Avatar, {
+			/* @__PURE__ */ jsx(Avatar$4, {
+				...extractDisplayInfo$4({ user: item.user }),
 				"aria-hidden": "true",
 				className: "str-chat__channel-detail__media-view__item__avatar",
-				imageUrl: item.user?.image,
-				size: "sm",
-				userName: displayName
+				size: "sm"
 			}),
 			item.type === "video" && /* @__PURE__ */ jsxs(Badge, {
 				className: "str-chat__channel-detail__media-view__item__duration",
@@ -1790,18 +1790,18 @@ var MuteIndicator = () => /* @__PURE__ */ jsx(IconMute, { className: "str-chat__
 var readOnlyRootProps = { className: "str-chat__channel-detail__channel-members-view__list-item" };
 var ChannelMembersAddViewItem = ({ canManageChannelMembers, isMember, isMuted, isSelected, toggleSelectedUser, user }) => {
 	const { t } = useTranslationContext();
+	const { Avatar: Avatar$3 = Avatar, extractDisplayInfo: extractDisplayInfo$3 = extractDisplayInfo } = useComponentContext();
 	const displayName = getUserDisplayName(user);
 	const LeadingSlot = useMemo(() => function MemberAvatar() {
-		return /* @__PURE__ */ jsx(Avatar, {
-			imageUrl: user.image,
+		return /* @__PURE__ */ jsx(Avatar$3, {
+			...extractDisplayInfo$3({ user }),
 			isOnline: user.online,
-			size: "md",
-			userName: displayName
+			size: "md"
 		});
 	}, [
-		displayName,
-		user.image,
-		user.online
+		Avatar$3,
+		extractDisplayInfo$3,
+		user
 	]);
 	const SelectableTrailingSlot = useMemo(() => function SelectCheckbox() {
 		return /* @__PURE__ */ jsx(Checkbox, {
@@ -2008,17 +2008,21 @@ var getPresenceStatusText$1 = (user, t) => {
 };
 var ChannelMembersBrowseViewItem = ({ isMuted, member, onMemberSelect }) => {
 	const { t } = useTranslationContext();
+	const { Avatar: Avatar$2 = Avatar, extractDisplayInfo: extractDisplayInfo$2 = extractDisplayInfo } = useComponentContext();
 	const user = member.user;
 	const displayName = getMemberDisplayName(member);
 	const roleTranslation = getMemberRoleTranslation(member, t);
 	const LeadingSlot = useMemo(() => function MemberAvatar() {
-		return /* @__PURE__ */ jsx(Avatar, {
-			imageUrl: user?.image,
+		return /* @__PURE__ */ jsx(Avatar$2, {
+			...extractDisplayInfo$2({ user: user ?? void 0 }),
 			isOnline: user?.online,
-			size: "md",
-			userName: getUserDisplayName(user)
+			size: "md"
 		});
-	}, [user]);
+	}, [
+		Avatar$2,
+		extractDisplayInfo$2,
+		user
+	]);
 	const TrailingSlot = useMemo(() => function MemberTrailingSlot() {
 		return /* @__PURE__ */ jsxs("div", {
 			className: "str-chat__channel-detail__channel-members-view__list-item__trailing-slot",
@@ -2765,14 +2769,18 @@ var PinnedMessageDate = ({ message }) => {
 };
 var PinnedMessagesViewItem = ({ message, onSelect }) => {
 	const { t } = useTranslationContext();
+	const { Avatar: Avatar$1 = Avatar, extractDisplayInfo: extractDisplayInfo$1 = extractDisplayInfo } = useComponentContext();
 	const displayName = getUserDisplayName(message.user ?? void 0);
 	const LeadingSlot = useMemo(() => function MessageAuthorAvatar() {
-		return /* @__PURE__ */ jsx(Avatar, {
-			imageUrl: message.user?.image,
-			size: "md",
-			userName: displayName
+		return /* @__PURE__ */ jsx(Avatar$1, {
+			...extractDisplayInfo$1({ user: message.user ?? void 0 }),
+			size: "md"
 		});
-	}, [displayName, message.user?.image]);
+	}, [
+		Avatar$1,
+		extractDisplayInfo$1,
+		message.user
+	]);
 	const TrailingSlot = useMemo(() => function MessageDate() {
 		return /* @__PURE__ */ jsx(PinnedMessageDate, { message });
 	}, [message]);