stream-chat-react 11.23.9 → 11.23.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -36517,8 +36517,8 @@ var initialState = {
36517
36517
  };
36518
36518
 
36519
36519
  var useCreateChannelStateContext = function (value) {
36520
- var _a;
36521
- var acceptedFiles = value.acceptedFiles, channel = value.channel, _b = value.channelCapabilitiesArray, channelCapabilitiesArray = _b === void 0 ? [] : _b, channelConfig = value.channelConfig, debounceURLEnrichmentMs = value.debounceURLEnrichmentMs, dragAndDropWindow = value.dragAndDropWindow, enrichURLForPreview = value.enrichURLForPreview, giphyVersion = value.giphyVersion, error = value.error, findURLFn = value.findURLFn, hasMore = value.hasMore, hasMoreNewer = value.hasMoreNewer, imageAttachmentSizeHandler = value.imageAttachmentSizeHandler, suppressAutoscroll = value.suppressAutoscroll, highlightedMessageId = value.highlightedMessageId, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _c = value.messages, messages = _c === void 0 ? [] : _c, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, onLinkPreviewDismissed = value.onLinkPreviewDismissed, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _d = value.read, read = _d === void 0 ? {} : _d, shouldGenerateVideoThumbnail = value.shouldGenerateVideoThumbnail, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _e = value.threadMessages, threadMessages = _e === void 0 ? [] : _e, channelUnreadUiState = value.channelUnreadUiState, videoAttachmentSizeHandler = value.videoAttachmentSizeHandler, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
36520
+ var _a, _b;
36521
+ var acceptedFiles = value.acceptedFiles, channel = value.channel, _c = value.channelCapabilitiesArray, channelCapabilitiesArray = _c === void 0 ? [] : _c, channelConfig = value.channelConfig, debounceURLEnrichmentMs = value.debounceURLEnrichmentMs, dragAndDropWindow = value.dragAndDropWindow, enrichURLForPreview = value.enrichURLForPreview, giphyVersion = value.giphyVersion, error = value.error, findURLFn = value.findURLFn, hasMore = value.hasMore, hasMoreNewer = value.hasMoreNewer, imageAttachmentSizeHandler = value.imageAttachmentSizeHandler, suppressAutoscroll = value.suppressAutoscroll, highlightedMessageId = value.highlightedMessageId, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _d = value.messages, messages = _d === void 0 ? [] : _d, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, onLinkPreviewDismissed = value.onLinkPreviewDismissed, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _e = value.read, read = _e === void 0 ? {} : _e, shouldGenerateVideoThumbnail = value.shouldGenerateVideoThumbnail, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _f = value.threadMessages, threadMessages = _f === void 0 ? [] : _f, channelUnreadUiState = value.channelUnreadUiState, videoAttachmentSizeHandler = value.videoAttachmentSizeHandler, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
36522
36522
  var channelId = channel.cid;
36523
36523
  var lastRead = channel.initialized && ((_a = channel.lastRead()) === null || _a === void 0 ? void 0 : _a.getTime());
36524
36524
  var membersLength = Object.keys(members || []).length;
@@ -36599,6 +36599,7 @@ var useCreateChannelStateContext = function (value) {
36599
36599
  }); },
36600
36600
  // eslint-disable-next-line react-hooks/exhaustive-deps
36601
36601
  [
36602
+ (_b = channel.data) === null || _b === void 0 ? void 0 : _b.name,
36602
36603
  channelId,
36603
36604
  channelUnreadUiState,
36604
36605
  debounceURLEnrichmentMs,
@@ -48107,14 +48108,6 @@ var ChannelInner = function (props) {
48107
48108
  */
48108
48109
  var Channel = React__default["default"].memo(UnMemoizedChannel);
48109
48110
 
48110
- var MenuIcon$1 = function (_a) {
48111
- var title = _a.title;
48112
- var t = useTranslationContext('MenuIcon').t;
48113
- return (React__default["default"].createElement("svg", { "data-testid": 'menu-icon', viewBox: '0 0 448 512', xmlns: 'http://www.w3.org/2000/svg' },
48114
- React__default["default"].createElement("title", null, title !== null && title !== void 0 ? title : t('Menu')),
48115
- React__default["default"].createElement("path", { d: 'M0 88C0 74.75 10.75 64 24 64H424C437.3 64 448 74.75 448 88C448 101.3 437.3 112 424 112H24C10.75 112 0 101.3 0 88zM0 248C0 234.7 10.75 224 24 224H424C437.3 224 448 234.7 448 248C448 261.3 437.3 272 424 272H24C10.75 272 0 261.3 0 248zM424 432H24C10.75 432 0 421.3 0 408C0 394.7 10.75 384 24 384H424C437.3 384 448 394.7 448 408C448 421.3 437.3 432 424 432z', fill: 'currentColor' })));
48116
- };
48117
-
48118
48111
  var renderPreviewText = function (text) { return React__default["default"].createElement(ReactMarkdown, { skipHtml: true }, text); };
48119
48112
  var getLatestMessagePreview = function (channel, t, userLanguage) {
48120
48113
  var _a, _b;
@@ -48140,94 +48133,45 @@ var getLatestMessagePreview = function (channel, t, userLanguage) {
48140
48133
  }
48141
48134
  return t('Empty message...');
48142
48135
  };
48143
- var getDisplayTitle = function (channel, currentUser) {
48144
- var _a, _b;
48145
- var title = (_a = channel.data) === null || _a === void 0 ? void 0 : _a.name;
48146
- var members = Object.values(channel.state.members);
48147
- if (!title && members.length === 2) {
48148
- var otherMember = members.find(function (member) { var _a; return ((_a = member.user) === null || _a === void 0 ? void 0 : _a.id) !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id); });
48149
- if ((_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b.name) {
48150
- title = otherMember.user.name;
48151
- }
48152
- }
48153
- return title;
48154
- };
48155
- var getDisplayImage = function (channel, currentUser) {
48136
+ var getChannelDisplayInfo = function (info, channel, currentUser) {
48156
48137
  var _a, _b;
48157
- var image = (_a = channel.data) === null || _a === void 0 ? void 0 : _a.image;
48138
+ if ((_a = channel.data) === null || _a === void 0 ? void 0 : _a[info])
48139
+ return channel.data[info];
48158
48140
  var members = Object.values(channel.state.members);
48159
- if (!image && members.length === 2) {
48160
- var otherMember = members.find(function (member) { var _a; return ((_a = member.user) === null || _a === void 0 ? void 0 : _a.id) !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id); });
48161
- if ((_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b.image) {
48162
- image = otherMember.user.image;
48163
- }
48164
- }
48165
- return image;
48141
+ if (members.length !== 2)
48142
+ return;
48143
+ var otherMember = members.find(function (member) { var _a; return ((_a = member.user) === null || _a === void 0 ? void 0 : _a.id) !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id); });
48144
+ return (_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b[info];
48166
48145
  };
48146
+ var getDisplayTitle = function (channel, currentUser) { return getChannelDisplayInfo('name', channel, currentUser); };
48147
+ var getDisplayImage = function (channel, currentUser) { return getChannelDisplayInfo('image', channel, currentUser); };
48167
48148
 
48168
48149
  var useChannelPreviewInfo = function (props) {
48169
48150
  var channel = props.channel, overrideImage = props.overrideImage, overrideTitle = props.overrideTitle;
48170
- var client = useChatContext('ChannelPreview').client;
48171
- var _a = React.useState(getDisplayTitle(channel, client.user)), displayTitle = _a[0], setDisplayTitle = _a[1];
48172
- var _b = React.useState(getDisplayImage(channel, client.user)), displayImage = _b[0], setDisplayImage = _b[1];
48151
+ var client = useChatContext('useChannelPreviewInfo').client;
48152
+ var _a = React.useState(function () { return overrideTitle || getDisplayTitle(channel, client.user); }), displayTitle = _a[0], setDisplayTitle = _a[1];
48153
+ var _b = React.useState(function () { return overrideImage || getDisplayImage(channel, client.user); }), displayImage = _b[0], setDisplayImage = _b[1];
48173
48154
  React.useEffect(function () {
48174
- var handleEvent = function () {
48175
- setDisplayTitle(function (displayTitle) {
48176
- var newDisplayTitle = getDisplayTitle(channel, client.user);
48177
- return displayTitle !== newDisplayTitle ? newDisplayTitle : displayTitle;
48178
- });
48179
- setDisplayImage(function (displayImage) {
48180
- var newDisplayImage = getDisplayImage(channel, client.user);
48181
- return displayImage !== newDisplayImage ? newDisplayImage : displayImage;
48182
- });
48155
+ if (overrideTitle && overrideImage)
48156
+ return;
48157
+ var updateTitles = function () {
48158
+ if (!overrideTitle)
48159
+ setDisplayTitle(getDisplayTitle(channel, client.user));
48160
+ if (!overrideImage)
48161
+ setDisplayImage(getDisplayImage(channel, client.user));
48183
48162
  };
48184
- client.on('user.updated', handleEvent);
48163
+ updateTitles();
48164
+ client.on('user.updated', updateTitles);
48185
48165
  return function () {
48186
- client.off('user.updated', handleEvent);
48166
+ client.off('user.updated', updateTitles);
48187
48167
  };
48188
- // eslint-disable-next-line react-hooks/exhaustive-deps
48189
- }, []);
48168
+ }, [channel, channel.data, client, overrideImage, overrideTitle]);
48190
48169
  return {
48191
48170
  displayImage: overrideImage || displayImage,
48192
48171
  displayTitle: overrideTitle || displayTitle,
48193
48172
  };
48194
48173
  };
48195
48174
 
48196
- var UnMemoizedChannelHeader = function (props) {
48197
- var _a = props.Avatar, Avatar$1 = _a === void 0 ? Avatar : _a, _b = props.MenuIcon, MenuIcon = _b === void 0 ? MenuIcon$1 : _b, overrideImage = props.image, live = props.live, overrideTitle = props.title;
48198
- var _c = useChannelStateContext('ChannelHeader'), channel = _c.channel, watcher_count = _c.watcher_count;
48199
- var openMobileNav = useChatContext('ChannelHeader').openMobileNav;
48200
- var t = useTranslationContext('ChannelHeader').t;
48201
- var _d = useChannelPreviewInfo({
48202
- channel: channel,
48203
- overrideImage: overrideImage,
48204
- overrideTitle: overrideTitle,
48205
- }), displayImage = _d.displayImage, displayTitle = _d.displayTitle;
48206
- var _e = (channel === null || channel === void 0 ? void 0 : channel.data) || {}, member_count = _e.member_count, subtitle = _e.subtitle;
48207
- return (React__default["default"].createElement("div", { className: 'str-chat__header-livestream str-chat__channel-header' },
48208
- React__default["default"].createElement("button", { "aria-label": t('aria/Menu'), className: 'str-chat__header-hamburger', onClick: openMobileNav },
48209
- React__default["default"].createElement(MenuIcon, null)),
48210
- React__default["default"].createElement(Avatar$1, { image: displayImage, name: displayTitle, shape: 'rounded', size: (channel === null || channel === void 0 ? void 0 : channel.type) === 'commerce' ? 60 : 40 }),
48211
- React__default["default"].createElement("div", { className: 'str-chat__header-livestream-left str-chat__channel-header-end' },
48212
- React__default["default"].createElement("p", { className: 'str-chat__header-livestream-left--title str-chat__channel-header-title' },
48213
- displayTitle,
48214
- ' ',
48215
- live && (React__default["default"].createElement("span", { className: 'str-chat__header-livestream-left--livelabel' }, t('live')))),
48216
- subtitle && React__default["default"].createElement("p", { className: 'str-chat__header-livestream-left--subtitle' }, subtitle),
48217
- React__default["default"].createElement("p", { className: 'str-chat__header-livestream-left--members str-chat__channel-header-info' },
48218
- !live && !!member_count && member_count > 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
48219
- t('{{ memberCount }} members', {
48220
- memberCount: member_count,
48221
- }),
48222
- ",",
48223
- ' ')),
48224
- t('{{ watcherCount }} online', { watcherCount: watcher_count })))));
48225
- };
48226
- /**
48227
- * The ChannelHeader component renders some basic information about a Channel.
48228
- */
48229
- var ChannelHeader = React__default["default"].memo(UnMemoizedChannelHeader);
48230
-
48231
48175
  var ConnectionErrorIcon = function () { return (React__default["default"].createElement("svg", { height: '78px', version: '1.1', viewBox: '0 0 78 78', width: '78px', xmlns: 'http://www.w3.org/2000/svg' },
48232
48176
  React__default["default"].createElement("title", null, "Connection Error"),
48233
48177
  React__default["default"].createElement("g", { fill: 'none', fillRule: 'evenodd', id: 'Interactions', stroke: 'none', strokeWidth: '1' },
@@ -49455,7 +49399,6 @@ exports.CardContainer = CardContainer;
49455
49399
  exports.Channel = Channel;
49456
49400
  exports.ChannelActionContext = ChannelActionContext;
49457
49401
  exports.ChannelActionProvider = ChannelActionProvider;
49458
- exports.ChannelHeader = ChannelHeader;
49459
49402
  exports.ChannelList = ChannelList;
49460
49403
  exports.ChannelListContext = ChannelListContext;
49461
49404
  exports.ChannelListContextProvider = ChannelListContextProvider;
@@ -47665,8 +47665,8 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
47665
47665
  };
47666
47666
 
47667
47667
  window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCreateChannelStateContext = function (value) {
47668
- var _a;
47669
- var acceptedFiles = value.acceptedFiles, channel = value.channel, _b = value.channelCapabilitiesArray, channelCapabilitiesArray = _b === void 0 ? [] : _b, channelConfig = value.channelConfig, debounceURLEnrichmentMs = value.debounceURLEnrichmentMs, dragAndDropWindow = value.dragAndDropWindow, enrichURLForPreview = value.enrichURLForPreview, giphyVersion = value.giphyVersion, error = value.error, findURLFn = value.findURLFn, hasMore = value.hasMore, hasMoreNewer = value.hasMoreNewer, imageAttachmentSizeHandler = value.imageAttachmentSizeHandler, suppressAutoscroll = value.suppressAutoscroll, highlightedMessageId = value.highlightedMessageId, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _c = value.messages, messages = _c === void 0 ? [] : _c, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, onLinkPreviewDismissed = value.onLinkPreviewDismissed, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _d = value.read, read = _d === void 0 ? {} : _d, shouldGenerateVideoThumbnail = value.shouldGenerateVideoThumbnail, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _e = value.threadMessages, threadMessages = _e === void 0 ? [] : _e, channelUnreadUiState = value.channelUnreadUiState, videoAttachmentSizeHandler = value.videoAttachmentSizeHandler, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
47668
+ var _a, _b;
47669
+ var acceptedFiles = value.acceptedFiles, channel = value.channel, _c = value.channelCapabilitiesArray, channelCapabilitiesArray = _c === void 0 ? [] : _c, channelConfig = value.channelConfig, debounceURLEnrichmentMs = value.debounceURLEnrichmentMs, dragAndDropWindow = value.dragAndDropWindow, enrichURLForPreview = value.enrichURLForPreview, giphyVersion = value.giphyVersion, error = value.error, findURLFn = value.findURLFn, hasMore = value.hasMore, hasMoreNewer = value.hasMoreNewer, imageAttachmentSizeHandler = value.imageAttachmentSizeHandler, suppressAutoscroll = value.suppressAutoscroll, highlightedMessageId = value.highlightedMessageId, loading = value.loading, loadingMore = value.loadingMore, maxNumberOfFiles = value.maxNumberOfFiles, members = value.members, _d = value.messages, messages = _d === void 0 ? [] : _d, multipleUploads = value.multipleUploads, mutes = value.mutes, notifications = value.notifications, onLinkPreviewDismissed = value.onLinkPreviewDismissed, pinnedMessages = value.pinnedMessages, quotedMessage = value.quotedMessage, _e = value.read, read = _e === void 0 ? {} : _e, shouldGenerateVideoThumbnail = value.shouldGenerateVideoThumbnail, skipMessageDataMemoization = value.skipMessageDataMemoization, thread = value.thread, threadHasMore = value.threadHasMore, threadLoadingMore = value.threadLoadingMore, _f = value.threadMessages, threadMessages = _f === void 0 ? [] : _f, channelUnreadUiState = value.channelUnreadUiState, videoAttachmentSizeHandler = value.videoAttachmentSizeHandler, watcherCount = value.watcherCount, watcher_count = value.watcher_count, watchers = value.watchers;
47670
47670
  var channelId = channel.cid;
47671
47671
  var lastRead = channel.initialized && ((_a = channel.lastRead()) === null || _a === void 0 ? void 0 : _a.getTime());
47672
47672
  var membersLength = Object.keys(members || []).length;
@@ -47747,6 +47747,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
47747
47747
  }); },
47748
47748
  // eslint-disable-next-line react-hooks/exhaustive-deps
47749
47749
  [
47750
+ (_b = channel.data) === null || _b === void 0 ? void 0 : _b.name,
47750
47751
  channelId,
47751
47752
  channelUnreadUiState,
47752
47753
  debounceURLEnrichmentMs,
@@ -61886,60 +61887,49 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
61886
61887
  }
61887
61888
  return t('Empty message...');
61888
61889
  };
61889
- var getDisplayTitle = function (channel, currentUser) {
61890
+ var getChannelDisplayInfo = function (info, channel, currentUser) {
61890
61891
  var _a, _b;
61891
- var title = (_a = channel.data) === null || _a === void 0 ? void 0 : _a.name;
61892
+ if ((_a = channel.data) === null || _a === void 0 ? void 0 : _a[info])
61893
+ return channel.data[info];
61892
61894
  var members = Object.values(channel.state.members);
61893
- if (!title && members.length === 2) {
61894
- var otherMember = members.find(function (member) { var _a; return ((_a = member.user) === null || _a === void 0 ? void 0 : _a.id) !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id); });
61895
- if ((_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b.name) {
61896
- title = otherMember.user.name;
61897
- }
61898
- }
61899
- return title;
61900
- };
61901
- var getDisplayImage = function (channel, currentUser) {
61902
- var _a, _b;
61903
- var image = (_a = channel.data) === null || _a === void 0 ? void 0 : _a.image;
61904
- var members = Object.values(channel.state.members);
61905
- if (!image && members.length === 2) {
61906
- var otherMember = members.find(function (member) { var _a; return ((_a = member.user) === null || _a === void 0 ? void 0 : _a.id) !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id); });
61907
- if ((_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b.image) {
61908
- image = otherMember.user.image;
61909
- }
61910
- }
61911
- return image;
61895
+ if (members.length !== 2)
61896
+ return;
61897
+ var otherMember = members.find(function (member) { var _a; return ((_a = member.user) === null || _a === void 0 ? void 0 : _a.id) !== (currentUser === null || currentUser === void 0 ? void 0 : currentUser.id); });
61898
+ return (_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b[info];
61912
61899
  };
61900
+ var getDisplayTitle = function (channel, currentUser) { return getChannelDisplayInfo('name', channel, currentUser); };
61901
+ var getDisplayImage = function (channel, currentUser) { return getChannelDisplayInfo('image', channel, currentUser); };
61913
61902
 
61914
61903
  window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChannelPreviewInfo = function (props) {
61915
61904
  var channel = props.channel, overrideImage = props.overrideImage, overrideTitle = props.overrideTitle;
61916
- var client = useChatContext('ChannelPreview').client;
61917
- var _a = React$2.useState(getDisplayTitle(channel, client.user)), displayTitle = _a[0], setDisplayTitle = _a[1];
61918
- var _b = React$2.useState(getDisplayImage(channel, client.user)), displayImage = _b[0], setDisplayImage = _b[1];
61905
+ var client = useChatContext('useChannelPreviewInfo').client;
61906
+ var _a = React$2.useState(function () { return overrideTitle || getDisplayTitle(channel, client.user); }), displayTitle = _a[0], setDisplayTitle = _a[1];
61907
+ var _b = React$2.useState(function () { return overrideImage || getDisplayImage(channel, client.user); }), displayImage = _b[0], setDisplayImage = _b[1];
61919
61908
  React$2.useEffect(function () {
61920
- var handleEvent = function () {
61921
- setDisplayTitle(function (displayTitle) {
61922
- var newDisplayTitle = getDisplayTitle(channel, client.user);
61923
- return displayTitle !== newDisplayTitle ? newDisplayTitle : displayTitle;
61924
- });
61925
- setDisplayImage(function (displayImage) {
61926
- var newDisplayImage = getDisplayImage(channel, client.user);
61927
- return displayImage !== newDisplayImage ? newDisplayImage : displayImage;
61928
- });
61909
+ if (overrideTitle && overrideImage)
61910
+ return;
61911
+ var updateTitles = function () {
61912
+ if (!overrideTitle)
61913
+ setDisplayTitle(getDisplayTitle(channel, client.user));
61914
+ if (!overrideImage)
61915
+ setDisplayImage(getDisplayImage(channel, client.user));
61929
61916
  };
61930
- client.on('user.updated', handleEvent);
61917
+ updateTitles();
61918
+ client.on('user.updated', updateTitles);
61931
61919
  return function () {
61932
- client.off('user.updated', handleEvent);
61920
+ client.off('user.updated', updateTitles);
61933
61921
  };
61934
- // eslint-disable-next-line react-hooks/exhaustive-deps
61935
- }, []);
61922
+ }, [channel, channel.data, client, overrideImage, overrideTitle]);
61936
61923
  return {
61937
61924
  displayImage: overrideImage || displayImage,
61938
61925
  displayTitle: overrideTitle || displayTitle,
61939
61926
  };
61940
61927
  };
61941
61928
 
61942
- window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var UnMemoizedChannelHeader = function (props) {
61929
+ window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};/**
61930
+ * The ChannelHeader component renders some basic information about a Channel.
61931
+ */
61932
+ var ChannelHeader = function (props) {
61943
61933
  var _a = props.Avatar, Avatar$1 = _a === void 0 ? Avatar : _a, _b = props.MenuIcon, MenuIcon = _b === void 0 ? MenuIcon$1 : _b, overrideImage = props.image, live = props.live, overrideTitle = props.title;
61944
61934
  var _c = useChannelStateContext('ChannelHeader'), channel = _c.channel, watcher_count = _c.watcher_count;
61945
61935
  var openMobileNav = useChatContext('ChannelHeader').openMobileNav;
@@ -61969,10 +61959,6 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
61969
61959
  ' ')),
61970
61960
  t('{{ watcherCount }} online', { watcherCount: watcher_count })))));
61971
61961
  };
61972
- /**
61973
- * The ChannelHeader component renders some basic information about a Channel.
61974
- */
61975
- var ChannelHeader = React__default["default"].memo(UnMemoizedChannelHeader);
61976
61962
 
61977
61963
  window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
61978
61964
 
@@ -63180,7 +63166,7 @@ var StreamChatReact = (function (exports, React$2, ReactDOM, streamChat, Picker)
63180
63166
 
63181
63167
  window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
63182
63168
 
63183
- window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.23.9';
63169
+ window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '11.23.10';
63184
63170
 
63185
63171
  window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
63186
63172
  var _b, _c;