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.
- package/dist/{Window-09ecd2ee.js → Window-2ad58fe5.js} +26 -83
- package/dist/browser.full-bundle.js +31 -45
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +2 -2
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/Channel/hooks/useCreateChannelStateContext.d.ts.map +1 -1
- package/dist/components/Channel/hooks/useCreateChannelStateContext.js +3 -2
- package/dist/components/ChannelHeader/ChannelHeader.d.ts.map +1 -1
- package/dist/components/ChannelHeader/ChannelHeader.js +4 -5
- package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.d.ts.map +1 -1
- package/dist/components/ChannelPreview/hooks/useChannelPreviewInfo.js +14 -16
- package/dist/components/ChannelPreview/utils.d.ts.map +1 -1
- package/dist/components/ChannelPreview/utils.js +9 -21
- package/dist/components/Emojis/index.cjs.js +1 -1
- package/dist/index.cjs.js +45 -3
- package/dist/version.d.ts +1 -1
- package/dist/version.d.ts.map +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
|
@@ -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,
|
|
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
|
|
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
|
-
|
|
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 (
|
|
48160
|
-
|
|
48161
|
-
|
|
48162
|
-
|
|
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('
|
|
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
|
-
|
|
48175
|
-
|
|
48176
|
-
|
|
48177
|
-
|
|
48178
|
-
|
|
48179
|
-
|
|
48180
|
-
|
|
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
|
-
|
|
48163
|
+
updateTitles();
|
|
48164
|
+
client.on('user.updated', updateTitles);
|
|
48185
48165
|
return function () {
|
|
48186
|
-
client.off('user.updated',
|
|
48166
|
+
client.off('user.updated', updateTitles);
|
|
48187
48167
|
};
|
|
48188
|
-
|
|
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,
|
|
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
|
|
61890
|
+
var getChannelDisplayInfo = function (info, channel, currentUser) {
|
|
61890
61891
|
var _a, _b;
|
|
61891
|
-
|
|
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 (
|
|
61894
|
-
|
|
61895
|
-
|
|
61896
|
-
|
|
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('
|
|
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
|
-
|
|
61921
|
-
|
|
61922
|
-
|
|
61923
|
-
|
|
61924
|
-
|
|
61925
|
-
|
|
61926
|
-
|
|
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
|
-
|
|
61917
|
+
updateTitles();
|
|
61918
|
+
client.on('user.updated', updateTitles);
|
|
61931
61919
|
return function () {
|
|
61932
|
-
client.off('user.updated',
|
|
61920
|
+
client.off('user.updated', updateTitles);
|
|
61933
61921
|
};
|
|
61934
|
-
|
|
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||{}
|
|
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.
|
|
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;
|