stream-chat-react 10.17.0 → 10.18.0
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/browser.full-bundle.js +18 -9
- 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/ChannelList/hooks/usePaginatedChannels.d.ts.map +1 -1
- package/dist/components/ChannelList/hooks/usePaginatedChannels.js +2 -2
- package/dist/components/Chat/Chat.d.ts.map +1 -1
- package/dist/components/Chat/Chat.js +3 -1
- package/dist/components/Chat/hooks/useChat.d.ts +2 -0
- package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.js +7 -4
- package/dist/components/Chat/hooks/useCreateChatContext.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useCreateChatContext.js +5 -1
- package/dist/context/ChatContext.d.ts +29 -2
- package/dist/context/ChatContext.d.ts.map +1 -1
- package/dist/index.cjs.js +18 -9
- package/dist/index.cjs.js.map +1 -1
- package/dist/version.d.ts +1 -1
- package/dist/version.js +1 -1
- package/package.json +1 -1
|
@@ -46822,8 +46822,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
46822
46822
|
var MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
|
|
46823
46823
|
var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs) {
|
|
46824
46824
|
if (recoveryThrottleIntervalMs === void 0) { recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS; }
|
|
46825
|
-
var _a = useChatContext('usePaginatedChannels').channelsQueryState, error =
|
|
46826
|
-
var _b = React$2.useState([]), channels = _b[0], setChannels = _b[1];
|
|
46825
|
+
var _a = useChatContext('usePaginatedChannels'), channels = _a.channels, _b = _a.channelsQueryState, error = _b.error, setError = _b.setError, setQueryInProgress = _b.setQueryInProgress, setChannels = _a.setChannels;
|
|
46827
46826
|
var _c = React$2.useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
|
|
46828
46827
|
var lastRecoveryTimestamp = React$2.useRef();
|
|
46829
46828
|
var recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
|
|
@@ -46903,6 +46902,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
46903
46902
|
React$2.useEffect(function () {
|
|
46904
46903
|
queryChannels('reload');
|
|
46905
46904
|
}, [filterString, sortString]);
|
|
46905
|
+
// FIXME: state refactor (breaking change) is needed - do not forward `channels` and `setChannel`
|
|
46906
46906
|
return {
|
|
46907
46907
|
channels: channels,
|
|
46908
46908
|
hasNextPage: hasNextPage,
|
|
@@ -47669,7 +47669,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47669
47669
|
|
|
47670
47670
|
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};
|
|
47671
47671
|
|
|
47672
|
-
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.
|
|
47672
|
+
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var version$1 = '10.18.0';
|
|
47673
47673
|
|
|
47674
47674
|
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useChat = function (_a) {
|
|
47675
47675
|
var _b, _c;
|
|
@@ -47679,10 +47679,11 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47679
47679
|
tDateTimeParser: defaultDateTimeParser,
|
|
47680
47680
|
userLanguage: 'en',
|
|
47681
47681
|
}), translators = _e[0], setTranslators = _e[1];
|
|
47682
|
-
var _f = React$2.useState(),
|
|
47683
|
-
var _g = React$2.useState(
|
|
47684
|
-
var _h = React$2.useState(
|
|
47685
|
-
var _j = React$2.useState(
|
|
47682
|
+
var _f = React$2.useState([]), channels = _f[0], setChannels = _f[1];
|
|
47683
|
+
var _g = React$2.useState(), channel = _g[0], setChannel = _g[1];
|
|
47684
|
+
var _h = React$2.useState([]), mutes = _h[0], setMutes = _h[1];
|
|
47685
|
+
var _j = React$2.useState(initialNavOpen), navOpen = _j[0], setNavOpen = _j[1];
|
|
47686
|
+
var _k = React$2.useState({}), latestMessageDatesByChannels = _k[0], setLatestMessageDatesByChannels = _k[1];
|
|
47686
47687
|
var clientMutes = ((_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes) || [];
|
|
47687
47688
|
var closeMobileNav = function () { return setNavOpen(false); };
|
|
47688
47689
|
var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
|
|
@@ -47753,6 +47754,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47753
47754
|
}, [(_c = client.user) === null || _c === void 0 ? void 0 : _c.id]);
|
|
47754
47755
|
return {
|
|
47755
47756
|
channel: channel,
|
|
47757
|
+
channels: channels,
|
|
47756
47758
|
closeMobileNav: closeMobileNav,
|
|
47757
47759
|
getAppSettings: getAppSettings,
|
|
47758
47760
|
latestMessageDatesByChannels: latestMessageDatesByChannels,
|
|
@@ -47760,13 +47762,14 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47760
47762
|
navOpen: navOpen,
|
|
47761
47763
|
openMobileNav: openMobileNav,
|
|
47762
47764
|
setActiveChannel: setActiveChannel,
|
|
47765
|
+
setChannels: setChannels,
|
|
47763
47766
|
translators: translators,
|
|
47764
47767
|
};
|
|
47765
47768
|
};
|
|
47766
47769
|
|
|
47767
47770
|
window.StreamChat.StreamChat=StreamChat;window.StreamChat.logChatPromiseExecution=logChatPromiseExecution;window.StreamChat.Channel=Channel;window.ICAL=window.ICAL||{};var useCreateChatContext = function (value) {
|
|
47768
47771
|
var _a;
|
|
47769
|
-
var channel = value.channel, channelsQueryState = value.channelsQueryState, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, theme = value.theme, themeVersion = value.themeVersion, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
|
|
47772
|
+
var channel = value.channel, channels = value.channels, channelsQueryState = value.channelsQueryState, client = value.client, closeMobileNav = value.closeMobileNav, customClasses = value.customClasses, getAppSettings = value.getAppSettings, latestMessageDatesByChannels = value.latestMessageDatesByChannels, mutes = value.mutes, navOpen = value.navOpen, openMobileNav = value.openMobileNav, setActiveChannel = value.setActiveChannel, setChannels = value.setChannels, theme = value.theme, themeVersion = value.themeVersion, useImageFlagEmojisOnWindows = value.useImageFlagEmojisOnWindows;
|
|
47770
47773
|
var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
|
|
47771
47774
|
var channelsQueryError = channelsQueryState.error;
|
|
47772
47775
|
var channelsQueryInProgress = channelsQueryState.queryInProgress;
|
|
@@ -47774,6 +47777,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47774
47777
|
var mutedUsersLength = mutes.length;
|
|
47775
47778
|
var chatContext = React$2.useMemo(function () { return ({
|
|
47776
47779
|
channel: channel,
|
|
47780
|
+
channels: channels,
|
|
47777
47781
|
channelsQueryState: channelsQueryState,
|
|
47778
47782
|
client: client,
|
|
47779
47783
|
closeMobileNav: closeMobileNav,
|
|
@@ -47784,6 +47788,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47784
47788
|
navOpen: navOpen,
|
|
47785
47789
|
openMobileNav: openMobileNav,
|
|
47786
47790
|
setActiveChannel: setActiveChannel,
|
|
47791
|
+
setChannels: setChannels,
|
|
47787
47792
|
theme: theme,
|
|
47788
47793
|
themeVersion: themeVersion,
|
|
47789
47794
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -47791,10 +47796,12 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47791
47796
|
channelCid,
|
|
47792
47797
|
channelsQueryError,
|
|
47793
47798
|
channelsQueryInProgress,
|
|
47799
|
+
channels,
|
|
47794
47800
|
clientValues,
|
|
47795
47801
|
getAppSettings,
|
|
47796
47802
|
mutedUsersLength,
|
|
47797
47803
|
navOpen,
|
|
47804
|
+
setChannels,
|
|
47798
47805
|
]);
|
|
47799
47806
|
return chatContext;
|
|
47800
47807
|
};
|
|
@@ -47853,7 +47860,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47853
47860
|
*/
|
|
47854
47861
|
var Chat = function (props) {
|
|
47855
47862
|
var children = props.children, client = props.client, customClasses = props.customClasses, customStyles = props.customStyles, _a = props.darkMode, darkMode = _a === void 0 ? false : _a, defaultLanguage = props.defaultLanguage, i18nInstance = props.i18nInstance, _b = props.initialNavOpen, initialNavOpen = _b === void 0 ? true : _b, _c = props.theme, theme = _c === void 0 ? 'messaging light' : _c, _d = props.useImageFlagEmojisOnWindows, useImageFlagEmojisOnWindows = _d === void 0 ? false : _d;
|
|
47856
|
-
var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, translators = _e.translators;
|
|
47863
|
+
var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel, channels = _e.channels, closeMobileNav = _e.closeMobileNav, getAppSettings = _e.getAppSettings, latestMessageDatesByChannels = _e.latestMessageDatesByChannels, mutes = _e.mutes, navOpen = _e.navOpen, openMobileNav = _e.openMobileNav, setActiveChannel = _e.setActiveChannel, setChannels = _e.setChannels, translators = _e.translators;
|
|
47857
47864
|
var channelsQueryState = useChannelsQueryState();
|
|
47858
47865
|
var themeVersion = typeof window !== 'undefined'
|
|
47859
47866
|
? (window
|
|
@@ -47864,6 +47871,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47864
47871
|
useCustomStyles(darkMode ? darkModeTheme : customStyles);
|
|
47865
47872
|
var chatContextValue = useCreateChatContext({
|
|
47866
47873
|
channel: channel,
|
|
47874
|
+
channels: channels,
|
|
47867
47875
|
channelsQueryState: channelsQueryState,
|
|
47868
47876
|
client: client,
|
|
47869
47877
|
closeMobileNav: closeMobileNav,
|
|
@@ -47874,6 +47882,7 @@ var StreamChatReact = (function (exports, React$2, streamChat, ReactDOM) {
|
|
|
47874
47882
|
navOpen: navOpen,
|
|
47875
47883
|
openMobileNav: openMobileNav,
|
|
47876
47884
|
setActiveChannel: setActiveChannel,
|
|
47885
|
+
setChannels: setChannels,
|
|
47877
47886
|
theme: theme,
|
|
47878
47887
|
themeVersion: themeVersion,
|
|
47879
47888
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|