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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCreateChannelStateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateChannelStateContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,4BAA4B;8BAIX,MAAM,EAAE;;
|
|
1
|
+
{"version":3,"file":"useCreateChannelStateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Channel/hooks/useCreateChannelStateContext.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAErF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,4BAA4B;8BAIX,MAAM,EAAE;;kDAmKrC,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
import { isDate, isDayOrMoment } from '../../../context/TranslationContext';
|
|
3
3
|
export var useCreateChannelStateContext = function (value) {
|
|
4
|
-
var _a;
|
|
5
|
-
var acceptedFiles = value.acceptedFiles, channel = value.channel,
|
|
4
|
+
var _a, _b;
|
|
5
|
+
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;
|
|
6
6
|
var channelId = channel.cid;
|
|
7
7
|
var lastRead = channel.initialized && ((_a = channel.lastRead()) === null || _a === void 0 ? void 0 : _a.getTime());
|
|
8
8
|
var membersLength = Object.keys(members || []).length;
|
|
@@ -83,6 +83,7 @@ export var useCreateChannelStateContext = function (value) {
|
|
|
83
83
|
}); },
|
|
84
84
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
85
85
|
[
|
|
86
|
+
(_b = channel.data) === null || _b === void 0 ? void 0 : _b.name,
|
|
86
87
|
channelId,
|
|
87
88
|
channelUnreadUiState,
|
|
88
89
|
debounceURLEnrichmentMs,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAOjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;
|
|
1
|
+
{"version":3,"file":"ChannelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelHeader/ChannelHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAA2B,MAAM,WAAW,CAAC;AAOjE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,4LAA4L;IAC5L,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAC1C,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iEAAiE;IACjE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0KAA0K;IAC1K,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,4FAGjB,kBAAkB,sBA0D1B,CAAC"}
|
|
@@ -5,7 +5,10 @@ import { useChannelPreviewInfo } from '../ChannelPreview/hooks/useChannelPreview
|
|
|
5
5
|
import { useChannelStateContext } from '../../context/ChannelStateContext';
|
|
6
6
|
import { useChatContext } from '../../context/ChatContext';
|
|
7
7
|
import { useTranslationContext } from '../../context/TranslationContext';
|
|
8
|
-
|
|
8
|
+
/**
|
|
9
|
+
* The ChannelHeader component renders some basic information about a Channel.
|
|
10
|
+
*/
|
|
11
|
+
export var ChannelHeader = function (props) {
|
|
9
12
|
var _a = props.Avatar, Avatar = _a === void 0 ? DefaultAvatar : _a, _b = props.MenuIcon, MenuIcon = _b === void 0 ? DefaultMenuIcon : _b, overrideImage = props.image, live = props.live, overrideTitle = props.title;
|
|
10
13
|
var _c = useChannelStateContext('ChannelHeader'), channel = _c.channel, watcher_count = _c.watcher_count;
|
|
11
14
|
var openMobileNav = useChatContext('ChannelHeader').openMobileNav;
|
|
@@ -35,7 +38,3 @@ var UnMemoizedChannelHeader = function (props) {
|
|
|
35
38
|
' ')),
|
|
36
39
|
t('{{ watcherCount }} online', { watcherCount: watcher_count })))));
|
|
37
40
|
};
|
|
38
|
-
/**
|
|
39
|
-
* The ChannelHeader component renders some basic information about a Channel.
|
|
40
|
-
*/
|
|
41
|
-
export var ChannelHeader = React.memo(UnMemoizedChannelHeader);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChannelPreviewInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelPreview/hooks/useChannelPreviewInfo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAItE,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,yBAAyB,IAAI;IAC3F,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;
|
|
1
|
+
{"version":3,"file":"useChannelPreviewInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelPreview/hooks/useChannelPreviewInfo.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAItE,MAAM,MAAM,wBAAwB,CAAC,kBAAkB,SAAS,yBAAyB,IAAI;IAC3F,OAAO,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;CAmCjC,CAAC"}
|
|
@@ -3,26 +3,24 @@ import { getDisplayImage, getDisplayTitle } from '../utils';
|
|
|
3
3
|
import { useChatContext } from '../../../context';
|
|
4
4
|
export var useChannelPreviewInfo = function (props) {
|
|
5
5
|
var channel = props.channel, overrideImage = props.overrideImage, overrideTitle = props.overrideTitle;
|
|
6
|
-
var client = useChatContext('
|
|
7
|
-
var _a = useState(getDisplayTitle(channel, client.user)), displayTitle = _a[0], setDisplayTitle = _a[1];
|
|
8
|
-
var _b = useState(getDisplayImage(channel, client.user)), displayImage = _b[0], setDisplayImage = _b[1];
|
|
6
|
+
var client = useChatContext('useChannelPreviewInfo').client;
|
|
7
|
+
var _a = useState(function () { return overrideTitle || getDisplayTitle(channel, client.user); }), displayTitle = _a[0], setDisplayTitle = _a[1];
|
|
8
|
+
var _b = useState(function () { return overrideImage || getDisplayImage(channel, client.user); }), displayImage = _b[0], setDisplayImage = _b[1];
|
|
9
9
|
useEffect(function () {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
return displayImage !== newDisplayImage ? newDisplayImage : displayImage;
|
|
18
|
-
});
|
|
10
|
+
if (overrideTitle && overrideImage)
|
|
11
|
+
return;
|
|
12
|
+
var updateTitles = function () {
|
|
13
|
+
if (!overrideTitle)
|
|
14
|
+
setDisplayTitle(getDisplayTitle(channel, client.user));
|
|
15
|
+
if (!overrideImage)
|
|
16
|
+
setDisplayImage(getDisplayImage(channel, client.user));
|
|
19
17
|
};
|
|
20
|
-
|
|
18
|
+
updateTitles();
|
|
19
|
+
client.on('user.updated', updateTitles);
|
|
21
20
|
return function () {
|
|
22
|
-
client.off('user.updated',
|
|
21
|
+
client.off('user.updated', updateTitles);
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
}, []);
|
|
23
|
+
}, [channel, channel.data, client, overrideImage, overrideTitle]);
|
|
26
24
|
return {
|
|
27
25
|
displayImage: overrideImage || displayImage,
|
|
28
26
|
displayTitle: overrideTitle || displayTitle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,OAAO,EAAwB,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,iBAAiB,SAAU,MAAM,sBAAmD,CAAC;AAElG,eAAO,MAAM,uBAAuB,8HAI/B,uBAAuB,CAAC,GAAG,CAAC,iBACjB,uBAAuB,CAAC,cAAc,CAAC,KACpD,MAAM,GAAG,WA6BX,CAAC;
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelPreview/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,OAAO,EAAwB,YAAY,EAAE,MAAM,aAAa,CAAC;AAE/E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,eAAO,MAAM,iBAAiB,SAAU,MAAM,sBAAmD,CAAC;AAElG,eAAO,MAAM,uBAAuB,8HAI/B,uBAAuB,CAAC,GAAG,CAAC,iBACjB,uBAAuB,CAAC,cAAc,CAAC,KACpD,MAAM,GAAG,WA6BX,CAAC;AAgBF,eAAO,MAAM,eAAe,4MAK4B,CAAC;AAEzD,eAAO,MAAM,eAAe,4MAK6B,CAAC"}
|
|
@@ -25,27 +25,15 @@ export var getLatestMessagePreview = function (channel, t, userLanguage) {
|
|
|
25
25
|
}
|
|
26
26
|
return t('Empty message...');
|
|
27
27
|
};
|
|
28
|
-
|
|
28
|
+
var getChannelDisplayInfo = function (info, channel, currentUser) {
|
|
29
29
|
var _a, _b;
|
|
30
|
-
|
|
30
|
+
if ((_a = channel.data) === null || _a === void 0 ? void 0 : _a[info])
|
|
31
|
+
return channel.data[info];
|
|
31
32
|
var members = Object.values(channel.state.members);
|
|
32
|
-
if (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
return title;
|
|
39
|
-
};
|
|
40
|
-
export var getDisplayImage = function (channel, currentUser) {
|
|
41
|
-
var _a, _b;
|
|
42
|
-
var image = (_a = channel.data) === null || _a === void 0 ? void 0 : _a.image;
|
|
43
|
-
var members = Object.values(channel.state.members);
|
|
44
|
-
if (!image && members.length === 2) {
|
|
45
|
-
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); });
|
|
46
|
-
if ((_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b.image) {
|
|
47
|
-
image = otherMember.user.image;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
return image;
|
|
33
|
+
if (members.length !== 2)
|
|
34
|
+
return;
|
|
35
|
+
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); });
|
|
36
|
+
return (_b = otherMember === null || otherMember === void 0 ? void 0 : otherMember.user) === null || _b === void 0 ? void 0 : _b[info];
|
|
51
37
|
};
|
|
38
|
+
export var getDisplayTitle = function (channel, currentUser) { return getChannelDisplayInfo('name', channel, currentUser); };
|
|
39
|
+
export var getDisplayImage = function (channel, currentUser) { return getChannelDisplayInfo('image', channel, currentUser); };
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Window = require('../../Window-
|
|
5
|
+
var Window = require('../../Window-2ad58fe5.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var Picker = require('@emoji-mart/react');
|
|
8
8
|
require('dayjs');
|
package/dist/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var Window = require('./Window-
|
|
5
|
+
var Window = require('./Window-2ad58fe5.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var streamChat = require('stream-chat');
|
|
8
8
|
var throttle = require('lodash.throttle');
|
|
@@ -1362,7 +1362,49 @@ function VirtualizedMessageList(props) {
|
|
|
1362
1362
|
return (React__default["default"].createElement(VirtualizedMessageListWithContext, Window.__assign({ channel: channel, channelUnreadUiState: channelUnreadUiState, hasMore: !!hasMore, hasMoreNewer: !!hasMoreNewer, highlightedMessageId: highlightedMessageId, jumpToLatestMessage: jumpToLatestMessage, loadingMore: !!loadingMore, loadingMoreNewer: !!loadingMoreNewer, loadMore: loadMore, loadMoreNewer: loadMoreNewer, messages: messages, notifications: notifications, read: read, suppressAutoscroll: suppressAutoscroll }, props)));
|
|
1363
1363
|
}
|
|
1364
1364
|
|
|
1365
|
-
var
|
|
1365
|
+
var MenuIcon = function (_a) {
|
|
1366
|
+
var title = _a.title;
|
|
1367
|
+
var t = Window.useTranslationContext('MenuIcon').t;
|
|
1368
|
+
return (React__default["default"].createElement("svg", { "data-testid": 'menu-icon', viewBox: '0 0 448 512', xmlns: 'http://www.w3.org/2000/svg' },
|
|
1369
|
+
React__default["default"].createElement("title", null, title !== null && title !== void 0 ? title : t('Menu')),
|
|
1370
|
+
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' })));
|
|
1371
|
+
};
|
|
1372
|
+
|
|
1373
|
+
/**
|
|
1374
|
+
* The ChannelHeader component renders some basic information about a Channel.
|
|
1375
|
+
*/
|
|
1376
|
+
var ChannelHeader = function (props) {
|
|
1377
|
+
var _a = props.Avatar, Avatar = _a === void 0 ? Window.Avatar : _a, _b = props.MenuIcon, MenuIcon$1 = _b === void 0 ? MenuIcon : _b, overrideImage = props.image, live = props.live, overrideTitle = props.title;
|
|
1378
|
+
var _c = Window.useChannelStateContext('ChannelHeader'), channel = _c.channel, watcher_count = _c.watcher_count;
|
|
1379
|
+
var openMobileNav = Window.useChatContext('ChannelHeader').openMobileNav;
|
|
1380
|
+
var t = Window.useTranslationContext('ChannelHeader').t;
|
|
1381
|
+
var _d = Window.useChannelPreviewInfo({
|
|
1382
|
+
channel: channel,
|
|
1383
|
+
overrideImage: overrideImage,
|
|
1384
|
+
overrideTitle: overrideTitle,
|
|
1385
|
+
}), displayImage = _d.displayImage, displayTitle = _d.displayTitle;
|
|
1386
|
+
var _e = (channel === null || channel === void 0 ? void 0 : channel.data) || {}, member_count = _e.member_count, subtitle = _e.subtitle;
|
|
1387
|
+
return (React__default["default"].createElement("div", { className: 'str-chat__header-livestream str-chat__channel-header' },
|
|
1388
|
+
React__default["default"].createElement("button", { "aria-label": t('aria/Menu'), className: 'str-chat__header-hamburger', onClick: openMobileNav },
|
|
1389
|
+
React__default["default"].createElement(MenuIcon$1, null)),
|
|
1390
|
+
React__default["default"].createElement(Avatar, { image: displayImage, name: displayTitle, shape: 'rounded', size: (channel === null || channel === void 0 ? void 0 : channel.type) === 'commerce' ? 60 : 40 }),
|
|
1391
|
+
React__default["default"].createElement("div", { className: 'str-chat__header-livestream-left str-chat__channel-header-end' },
|
|
1392
|
+
React__default["default"].createElement("p", { className: 'str-chat__header-livestream-left--title str-chat__channel-header-title' },
|
|
1393
|
+
displayTitle,
|
|
1394
|
+
' ',
|
|
1395
|
+
live && (React__default["default"].createElement("span", { className: 'str-chat__header-livestream-left--livelabel' }, t('live')))),
|
|
1396
|
+
subtitle && React__default["default"].createElement("p", { className: 'str-chat__header-livestream-left--subtitle' }, subtitle),
|
|
1397
|
+
React__default["default"].createElement("p", { className: 'str-chat__header-livestream-left--members str-chat__channel-header-info' },
|
|
1398
|
+
!live && !!member_count && member_count > 0 && (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
1399
|
+
t('{{ memberCount }} members', {
|
|
1400
|
+
memberCount: member_count,
|
|
1401
|
+
}),
|
|
1402
|
+
",",
|
|
1403
|
+
' ')),
|
|
1404
|
+
t('{{ watcherCount }} online', { watcherCount: watcher_count })))));
|
|
1405
|
+
};
|
|
1406
|
+
|
|
1407
|
+
var version = '11.23.10';
|
|
1366
1408
|
|
|
1367
1409
|
var useChat = function (_a) {
|
|
1368
1410
|
var _b, _c;
|
|
@@ -1716,7 +1758,6 @@ exports.CardContainer = Window.CardContainer;
|
|
|
1716
1758
|
exports.Channel = Window.Channel;
|
|
1717
1759
|
exports.ChannelActionContext = Window.ChannelActionContext;
|
|
1718
1760
|
exports.ChannelActionProvider = Window.ChannelActionProvider;
|
|
1719
|
-
exports.ChannelHeader = Window.ChannelHeader;
|
|
1720
1761
|
exports.ChannelList = Window.ChannelList;
|
|
1721
1762
|
exports.ChannelListContext = Window.ChannelListContext;
|
|
1722
1763
|
exports.ChannelListContextProvider = Window.ChannelListContextProvider;
|
|
@@ -2022,6 +2063,7 @@ exports.withComponentContext = Window.withComponentContext;
|
|
|
2022
2063
|
exports.withMessageContext = Window.withMessageContext;
|
|
2023
2064
|
exports.withTranslationContext = Window.withTranslationContext;
|
|
2024
2065
|
exports.withTypingContext = Window.withTypingContext;
|
|
2066
|
+
exports.ChannelHeader = ChannelHeader;
|
|
2025
2067
|
exports.Chat = Chat;
|
|
2026
2068
|
exports.GiphyPreviewMessage = GiphyPreviewMessage;
|
|
2027
2069
|
exports.InfiniteScroll = InfiniteScroll;
|
package/dist/version.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const version = "11.23.
|
|
1
|
+
export declare const version = "11.23.10";
|
|
2
2
|
//# sourceMappingURL=version.d.ts.map
|
package/dist/version.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,
|
|
1
|
+
{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,aAAa,CAAC"}
|
package/dist/version.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export var version = '11.23.
|
|
1
|
+
export var version = '11.23.10';
|
package/package.json
CHANGED