stream-chat-react 14.8.0 → 14.10.0

package/dist/cjs/channel-detail.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_useNotificationApi = require("./useNotificationApi.bf76a16b.js");
-const require_useChannelHeaderOnlineStatus = require("./useChannelHeaderOnlineStatus.72753090.js");
+const require_useChannelHeaderOnlineStatus = require("./useChannelHeaderOnlineStatus.6ace991c.js");
 let react = require("react");
 react = require_useNotificationApi.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -1408,6 +1408,7 @@ var useChannelMediaSearch = () => {
 var DEFAULT_CHANNEL_MEDIA_ITEMS_PER_PAGE = 30;
 var ChannelMediaGridItem = ({ BaseImage, item, onClick }) => {
 	const { t } = require_useNotificationApi.useTranslationContext("ChannelMediaView");
+	const { Avatar: Avatar$4 = require_useChannelHeaderOnlineStatus.Avatar, extractDisplayInfo: extractDisplayInfo$4 = require_useChannelHeaderOnlineStatus.extractDisplayInfo } = require_useNotificationApi.useComponentContext();
 	const displayName = getUserDisplayName(item.user);
 	const mediaSrc = item.type === "video" ? item.galleryItem.videoThumbnailUrl : item.galleryItem.imageUrl;
 	const durationLabel = require_useChannelHeaderOnlineStatus.formatTime(item.durationSeconds, "floor");
@@ -1426,12 +1427,11 @@ var ChannelMediaGridItem = ({ BaseImage, item, onClick }) => {
 				className: "str-chat__channel-detail__media-view__item__placeholder",
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useNotificationApi.IconImage, {})
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useChannelHeaderOnlineStatus.Avatar, {
+			/* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(require_useChannelHeaderOnlineStatus.Badge, {
 				className: "str-chat__channel-detail__media-view__item__duration",
@@ -1795,18 +1795,18 @@ var MuteIndicator = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use
 var readOnlyRootProps = { className: "str-chat__channel-detail__channel-members-view__list-item" };
 var ChannelMembersAddViewItem = ({ canManageChannelMembers, isMember, isMuted, isSelected, toggleSelectedUser, user }) => {
 	const { t } = require_useNotificationApi.useTranslationContext();
+	const { Avatar: Avatar$3 = require_useChannelHeaderOnlineStatus.Avatar, extractDisplayInfo: extractDisplayInfo$3 = require_useChannelHeaderOnlineStatus.extractDisplayInfo } = require_useNotificationApi.useComponentContext();
 	const displayName = getUserDisplayName(user);
 	const LeadingSlot = (0, react.useMemo)(() => function MemberAvatar() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useChannelHeaderOnlineStatus.Avatar, {
-			imageUrl: user.image,
+		return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.useMemo)(() => function SelectCheckbox() {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useChannelHeaderOnlineStatus.Checkbox, {
@@ -2013,17 +2013,21 @@ var getPresenceStatusText$1 = (user, t) => {
 };
 var ChannelMembersBrowseViewItem = ({ isMuted, member, onMemberSelect }) => {
 	const { t } = require_useNotificationApi.useTranslationContext();
+	const { Avatar: Avatar$2 = require_useChannelHeaderOnlineStatus.Avatar, extractDisplayInfo: extractDisplayInfo$2 = require_useChannelHeaderOnlineStatus.extractDisplayInfo } = require_useNotificationApi.useComponentContext();
 	const user = member.user;
 	const displayName = getMemberDisplayName(member);
 	const roleTranslation = getMemberRoleTranslation(member, t);
 	const LeadingSlot = (0, react.useMemo)(() => function MemberAvatar() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useChannelHeaderOnlineStatus.Avatar, {
-			imageUrl: user?.image,
+		return /* @__PURE__ */ (0, react_jsx_runtime.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 = (0, react.useMemo)(() => function MemberTrailingSlot() {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "str-chat__channel-detail__channel-members-view__list-item__trailing-slot",
@@ -2770,14 +2774,18 @@ var PinnedMessageDate = ({ message }) => {
 };
 var PinnedMessagesViewItem = ({ message, onSelect }) => {
 	const { t } = require_useNotificationApi.useTranslationContext();
+	const { Avatar: Avatar$1 = require_useChannelHeaderOnlineStatus.Avatar, extractDisplayInfo: extractDisplayInfo$1 = require_useChannelHeaderOnlineStatus.extractDisplayInfo } = require_useNotificationApi.useComponentContext();
 	const displayName = getUserDisplayName(message.user ?? void 0);
 	const LeadingSlot = (0, react.useMemo)(() => function MessageAuthorAvatar() {
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useChannelHeaderOnlineStatus.Avatar, {
-			imageUrl: message.user?.image,
-			size: "md",
-			userName: displayName
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Avatar$1, {
+			...extractDisplayInfo$1({ user: message.user ?? void 0 }),
+			size: "md"
 		});
-	}, [displayName, message.user?.image]);
+	}, [
+		Avatar$1,
+		extractDisplayInfo$1,
+		message.user
+	]);
 	const TrailingSlot = (0, react.useMemo)(() => function MessageDate() {
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PinnedMessageDate, { message });
 	}, [message]);