stream-chat-react 10.20.1 → 10.21.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 +62 -42
- package/dist/browser.full-bundle.js.map +1 -1
- package/dist/browser.full-bundle.min.js +5 -5
- package/dist/browser.full-bundle.min.js.map +1 -1
- package/dist/components/ChannelList/ChannelList.d.ts.map +1 -1
- package/dist/components/ChannelList/ChannelList.js +2 -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 +1 -3
- package/dist/components/Chat/hooks/useChat.d.ts +0 -2
- package/dist/components/Chat/hooks/useChat.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useChat.js +4 -7
- package/dist/components/Chat/hooks/useCreateChatContext.d.ts.map +1 -1
- package/dist/components/Chat/hooks/useCreateChatContext.js +1 -5
- package/dist/components/MessageInput/index.d.ts +1 -0
- package/dist/components/MessageInput/index.d.ts.map +1 -1
- package/dist/components/MessageInput/index.js +1 -0
- package/dist/components/MessageList/index.d.ts +1 -0
- package/dist/components/MessageList/index.d.ts.map +1 -1
- package/dist/components/MessageList/index.js +1 -0
- package/dist/context/ChannelListContext.d.ts +23 -0
- package/dist/context/ChannelListContext.d.ts.map +1 -0
- package/dist/context/ChannelListContext.js +17 -0
- package/dist/context/ChatContext.d.ts +2 -11
- package/dist/context/ChatContext.d.ts.map +1 -1
- package/dist/context/index.d.ts +1 -0
- package/dist/context/index.d.ts.map +1 -1
- package/dist/context/index.js +1 -0
- package/dist/index.cjs.js +32 -19
- 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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelList.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/ChannelList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAwB,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAgBzF,OAAO,EAAE,WAAW,EAA2B,MAAM,kBAAkB,CAAC;AACxE,OAAO,EAAkB,8BAA8B,EAAE,MAAM,kCAAkC,CAAC;AAClG,OAAO,EACL,kBAAkB,EAEnB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAY,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,EAEL,wBAAwB,EACzB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAqB,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"ChannelList.d.ts","sourceRoot":"","sources":["../../../src/components/ChannelList/ChannelList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,6 +23,7 @@ import { ChatDown } from '../ChatDown/ChatDown';
|
|
|
23
23
|
import { EmptyStateIndicator as DefaultEmptyStateIndicator, } from '../EmptyStateIndicator';
|
|
24
24
|
import { LoadingChannels } from '../Loading/LoadingChannels';
|
|
25
25
|
import { LoadMorePaginator } from '../LoadMore/LoadMorePaginator';
|
|
26
|
+
import { ChannelListContextProvider } from '../../context';
|
|
26
27
|
import { useChatContext } from '../../context/ChatContext';
|
|
27
28
|
var DEFAULT_FILTERS = {};
|
|
28
29
|
var DEFAULT_OPTIONS = {};
|
|
@@ -139,7 +140,7 @@ var UnMemoizedChannelList = function (props) {
|
|
|
139
140
|
'str-chat-channel-list--open': navOpen,
|
|
140
141
|
});
|
|
141
142
|
var showChannelList = !searchActive || (additionalChannelSearchProps === null || additionalChannelSearchProps === void 0 ? void 0 : additionalChannelSearchProps.popupResults);
|
|
142
|
-
return (React.createElement(
|
|
143
|
+
return (React.createElement(ChannelListContextProvider, { value: { channels: channels, setChannels: setChannels } },
|
|
143
144
|
React.createElement("div", { className: className, ref: channelListRef },
|
|
144
145
|
showChannelSearch && (React.createElement(ChannelSearch, __assign({ onSearch: onSearch, onSearchExit: onSearchExit, setChannels: setChannels }, additionalChannelSearchProps))),
|
|
145
146
|
showChannelList && (React.createElement(List, { error: channelsQueryState.error, loadedChannels: sendChannelsToList ? loadedChannels : undefined, loading: !!channelsQueryState.queryInProgress &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIpG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAKtE,eAAO,MAAM,oBAAoB,0NAMtB,cAAc,2KAIlB,IAAI,+BACmB,MAAM;;;;;
|
|
1
|
+
{"version":3,"file":"usePaginatedChannels.d.ts","sourceRoot":"","sources":["../../../../src/components/ChannelList/hooks/usePaginatedChannels.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIpG,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAKtE,eAAO,MAAM,oBAAoB,0NAMtB,cAAc,2KAIlB,IAAI,+BACmB,MAAM;;;;;CAkGnC,CAAC"}
|
|
@@ -7,7 +7,8 @@ var RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5000;
|
|
|
7
7
|
var MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
|
|
8
8
|
export var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs) {
|
|
9
9
|
if (recoveryThrottleIntervalMs === void 0) { recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS; }
|
|
10
|
-
var _a = useChatContext('usePaginatedChannels')
|
|
10
|
+
var _a = useChatContext('usePaginatedChannels').channelsQueryState, error = _a.error, setError = _a.setError, setQueryInProgress = _a.setQueryInProgress;
|
|
11
|
+
var _b = useState([]), channels = _b[0], setChannels = _b[1];
|
|
11
12
|
var _c = useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
|
|
12
13
|
var lastRecoveryTimestamp = useRef();
|
|
13
14
|
var recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
|
|
@@ -87,7 +88,6 @@ export var usePaginatedChannels = function (client, filters, sort, options, acti
|
|
|
87
88
|
useEffect(function () {
|
|
88
89
|
queryChannels('reload');
|
|
89
90
|
}, [filterString, sortString]);
|
|
90
|
-
// FIXME: state refactor (breaking change) is needed - do not forward `channels` and `setChannel`
|
|
91
91
|
return {
|
|
92
92
|
channels: channels,
|
|
93
93
|
hasNextPage: hasNextPage,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAgB,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;GAEG;AACH,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAE,YAAY,EAAkC,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAgB,aAAa,EAAgB,MAAM,2BAA2B,CAAC;AACtF,OAAO,EAAE,qBAAqB,EAAuB,MAAM,kCAAkC,CAAC;AAE9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAEnE;;GAEG;AACH,oBAAY,KAAK,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IACvC,eAAe,GACf,gBAAgB,GAChB,iBAAiB,GACjB,kBAAkB,GAClB,gBAAgB,GAChB,iBAAiB,GACjB,WAAW,GACX,YAAY,GACZ,CAAC,CAAC;AAEN,oBAAY,SAAS,CACnB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,mCAAmC;IACnC,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,8FAA8F;IAC9F,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,8BAA8B;IAC9B,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,IAAI,yKAiEhB,CAAC"}
|
|
@@ -11,7 +11,7 @@ import { TranslationProvider } from '../../context/TranslationContext';
|
|
|
11
11
|
*/
|
|
12
12
|
export var Chat = function (props) {
|
|
13
13
|
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;
|
|
14
|
-
var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel,
|
|
14
|
+
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;
|
|
15
15
|
var channelsQueryState = useChannelsQueryState();
|
|
16
16
|
var themeVersion = typeof window !== 'undefined'
|
|
17
17
|
? (window
|
|
@@ -22,7 +22,6 @@ export var Chat = function (props) {
|
|
|
22
22
|
useCustomStyles(darkMode ? darkModeTheme : customStyles);
|
|
23
23
|
var chatContextValue = useCreateChatContext({
|
|
24
24
|
channel: channel,
|
|
25
|
-
channels: channels,
|
|
26
25
|
channelsQueryState: channelsQueryState,
|
|
27
26
|
client: client,
|
|
28
27
|
closeMobileNav: closeMobileNav,
|
|
@@ -33,7 +32,6 @@ export var Chat = function (props) {
|
|
|
33
32
|
navOpen: navOpen,
|
|
34
33
|
openMobileNav: openMobileNav,
|
|
35
34
|
setActiveChannel: setActiveChannel,
|
|
36
|
-
setChannels: setChannels,
|
|
37
35
|
theme: theme,
|
|
38
36
|
themeVersion: themeVersion,
|
|
39
37
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -10,7 +10,6 @@ export declare type UseChatParams<StreamChatGenerics extends DefaultStreamChatGe
|
|
|
10
10
|
};
|
|
11
11
|
export declare const useChat: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ client, defaultLanguage, i18nInstance, initialNavOpen, }: UseChatParams<StreamChatGenerics>) => {
|
|
12
12
|
channel: Channel<StreamChatGenerics> | undefined;
|
|
13
|
-
channels: Channel<StreamChatGenerics>[];
|
|
14
13
|
closeMobileNav: () => void;
|
|
15
14
|
getAppSettings: () => Promise<AppSettingsAPIResponse<StreamChatGenerics>>;
|
|
16
15
|
latestMessageDatesByChannels: {};
|
|
@@ -21,7 +20,6 @@ export declare const useChat: <StreamChatGenerics extends DefaultStreamChatGener
|
|
|
21
20
|
limit?: number;
|
|
22
21
|
offset?: number;
|
|
23
22
|
}, event?: React.BaseSyntheticEvent) => Promise<void>;
|
|
24
|
-
setChannels: import("react").Dispatch<import("react").SetStateAction<Channel<StreamChatGenerics>[]>>;
|
|
25
23
|
translators: TranslationContextValue;
|
|
26
24
|
};
|
|
27
25
|
//# sourceMappingURL=useChat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO
|
|
1
|
+
{"version":3,"file":"useChat.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useChat.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAS,IAAI,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE5F,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,oBAAY,aAAa,CACvB,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF,MAAM,EAAE,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACvC,eAAe,CAAC,EAAE,qBAAqB,CAAC;IACxC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;2FAgFJ;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,UACrC,MAAM,kBAAkB;;CA6BrC,CAAC"}
|
|
@@ -11,11 +11,10 @@ export var useChat = function (_a) {
|
|
|
11
11
|
tDateTimeParser: defaultDateTimeParser,
|
|
12
12
|
userLanguage: 'en',
|
|
13
13
|
}), translators = _e[0], setTranslators = _e[1];
|
|
14
|
-
var _f = useState(
|
|
15
|
-
var _g = useState(),
|
|
16
|
-
var _h = useState(
|
|
17
|
-
var _j = useState(
|
|
18
|
-
var _k = useState({}), latestMessageDatesByChannels = _k[0], setLatestMessageDatesByChannels = _k[1];
|
|
14
|
+
var _f = useState(), channel = _f[0], setChannel = _f[1];
|
|
15
|
+
var _g = useState([]), mutes = _g[0], setMutes = _g[1];
|
|
16
|
+
var _h = useState(initialNavOpen), navOpen = _h[0], setNavOpen = _h[1];
|
|
17
|
+
var _j = useState({}), latestMessageDatesByChannels = _j[0], setLatestMessageDatesByChannels = _j[1];
|
|
19
18
|
var clientMutes = ((_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes) || [];
|
|
20
19
|
var closeMobileNav = function () { return setNavOpen(false); };
|
|
21
20
|
var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
|
|
@@ -86,7 +85,6 @@ export var useChat = function (_a) {
|
|
|
86
85
|
}, [(_c = client.user) === null || _c === void 0 ? void 0 : _c.id]);
|
|
87
86
|
return {
|
|
88
87
|
channel: channel,
|
|
89
|
-
channels: channels,
|
|
90
88
|
closeMobileNav: closeMobileNav,
|
|
91
89
|
getAppSettings: getAppSettings,
|
|
92
90
|
latestMessageDatesByChannels: latestMessageDatesByChannels,
|
|
@@ -94,7 +92,6 @@ export var useChat = function (_a) {
|
|
|
94
92
|
navOpen: navOpen,
|
|
95
93
|
openMobileNav: openMobileNav,
|
|
96
94
|
setActiveChannel: setActiveChannel,
|
|
97
|
-
setChannels: setChannels,
|
|
98
95
|
translators: translators,
|
|
99
96
|
};
|
|
100
97
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"useCreateChatContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Chat/hooks/useCreateChatContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,eAAO,MAAM,oBAAoB,yKA4DhC,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useMemo } from 'react';
|
|
2
2
|
export var useCreateChatContext = function (value) {
|
|
3
3
|
var _a;
|
|
4
|
-
var channel = value.channel,
|
|
4
|
+
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;
|
|
5
5
|
var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
|
|
6
6
|
var channelsQueryError = channelsQueryState.error;
|
|
7
7
|
var channelsQueryInProgress = channelsQueryState.queryInProgress;
|
|
@@ -9,7 +9,6 @@ export var useCreateChatContext = function (value) {
|
|
|
9
9
|
var mutedUsersLength = mutes.length;
|
|
10
10
|
var chatContext = useMemo(function () { return ({
|
|
11
11
|
channel: channel,
|
|
12
|
-
channels: channels,
|
|
13
12
|
channelsQueryState: channelsQueryState,
|
|
14
13
|
client: client,
|
|
15
14
|
closeMobileNav: closeMobileNav,
|
|
@@ -20,7 +19,6 @@ export var useCreateChatContext = function (value) {
|
|
|
20
19
|
navOpen: navOpen,
|
|
21
20
|
openMobileNav: openMobileNav,
|
|
22
21
|
setActiveChannel: setActiveChannel,
|
|
23
|
-
setChannels: setChannels,
|
|
24
22
|
theme: theme,
|
|
25
23
|
themeVersion: themeVersion,
|
|
26
24
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -28,12 +26,10 @@ export var useCreateChatContext = function (value) {
|
|
|
28
26
|
channelCid,
|
|
29
27
|
channelsQueryError,
|
|
30
28
|
channelsQueryInProgress,
|
|
31
|
-
channels,
|
|
32
29
|
clientValues,
|
|
33
30
|
getAppSettings,
|
|
34
31
|
mutedUsersLength,
|
|
35
32
|
navOpen,
|
|
36
|
-
setChannels,
|
|
37
33
|
]);
|
|
38
34
|
return chatContext;
|
|
39
35
|
};
|
|
@@ -5,6 +5,7 @@ export * from './EditMessageForm';
|
|
|
5
5
|
export * from './EmojiPicker';
|
|
6
6
|
export * from './hooks';
|
|
7
7
|
export * from './icons';
|
|
8
|
+
export * from './LinkPreviewList';
|
|
8
9
|
export * from './MessageInput';
|
|
9
10
|
export * from './MessageInputFlat';
|
|
10
11
|
export * from './MessageInputSmall';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC"}
|
|
@@ -5,6 +5,7 @@ export * from './EditMessageForm';
|
|
|
5
5
|
export * from './EmojiPicker';
|
|
6
6
|
export * from './hooks';
|
|
7
7
|
export * from './icons';
|
|
8
|
+
export * from './LinkPreviewList';
|
|
8
9
|
export * from './MessageInput';
|
|
9
10
|
export * from './MessageInputFlat';
|
|
10
11
|
export * from './MessageInputSmall';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './ConnectionStatus';
|
|
2
2
|
export * from './GiphyPreviewMessage';
|
|
3
3
|
export * from './MessageList';
|
|
4
|
+
export * from './MessageListNotifications';
|
|
4
5
|
export * from './MessageNotification';
|
|
5
6
|
export * from './ScrollToBottomButton';
|
|
6
7
|
export * from './VirtualizedMessageList';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MessageList/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export * from './ConnectionStatus'; // TODO: export this under its own folder
|
|
2
2
|
export * from './GiphyPreviewMessage';
|
|
3
3
|
export * from './MessageList';
|
|
4
|
+
export * from './MessageListNotifications';
|
|
4
5
|
export * from './MessageNotification';
|
|
5
6
|
export * from './ScrollToBottomButton';
|
|
6
7
|
export * from './VirtualizedMessageList';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React, { Dispatch, PropsWithChildren, SetStateAction } from 'react';
|
|
2
|
+
import type { Channel } from 'stream-chat';
|
|
3
|
+
import type { DefaultStreamChatGenerics } from '../types/types';
|
|
4
|
+
export declare type ChannelListContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
|
|
5
|
+
/**
|
|
6
|
+
* State representing the array of loaded channels.
|
|
7
|
+
* Channels query is executed by default only by ChannelList component in the SDK.
|
|
8
|
+
*/
|
|
9
|
+
channels: Channel<StreamChatGenerics>[];
|
|
10
|
+
/**
|
|
11
|
+
* Sets the list of Channel objects to be rendered by ChannelList component.
|
|
12
|
+
*/
|
|
13
|
+
setChannels: Dispatch<SetStateAction<Channel<StreamChatGenerics>[]>>;
|
|
14
|
+
};
|
|
15
|
+
export declare const ChannelListContext: React.Context<ChannelListContextValue<DefaultStreamChatGenerics> | undefined>;
|
|
16
|
+
/**
|
|
17
|
+
* Context provider for components rendered within the `ChannelList`
|
|
18
|
+
*/
|
|
19
|
+
export declare const ChannelListContextProvider: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>({ children, value, }: React.PropsWithChildren<{
|
|
20
|
+
value: ChannelListContextValue<StreamChatGenerics>;
|
|
21
|
+
}>) => JSX.Element;
|
|
22
|
+
export declare const useChannelListContext: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(componentName?: string) => ChannelListContextValue<StreamChatGenerics>;
|
|
23
|
+
//# sourceMappingURL=ChannelListContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChannelListContext.d.ts","sourceRoot":"","sources":["../../src/context/ChannelListContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EACR,iBAAiB,EACjB,cAAc,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,oBAAY,uBAAuB,CACjC,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF;;;OAGG;IACH,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACxC;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAC;CACtE,CAAC;AAEF,eAAO,MAAM,kBAAkB,+EAAgE,CAAC;AAEhG;;GAEG;AACH,eAAO,MAAM,0BAA0B;;kBAWtC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qGAGhB,MAAM,gDAavB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React, { createContext, useContext, } from 'react';
|
|
2
|
+
export var ChannelListContext = createContext(undefined);
|
|
3
|
+
/**
|
|
4
|
+
* Context provider for components rendered within the `ChannelList`
|
|
5
|
+
*/
|
|
6
|
+
export var ChannelListContextProvider = function (_a) {
|
|
7
|
+
var children = _a.children, value = _a.value;
|
|
8
|
+
return (React.createElement(ChannelListContext.Provider, { value: value }, children));
|
|
9
|
+
};
|
|
10
|
+
export var useChannelListContext = function (componentName) {
|
|
11
|
+
var contextValue = useContext(ChannelListContext);
|
|
12
|
+
if (!contextValue) {
|
|
13
|
+
console.warn("The useChannelListContext hook was called outside of the ChannelListContext provider. Make sure this hook is called within the ChannelList component. The errored call is located in the ".concat(componentName, " component."));
|
|
14
|
+
return {};
|
|
15
|
+
}
|
|
16
|
+
return contextValue;
|
|
17
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
2
|
import type { AppSettingsAPIResponse, Channel, Mute } from 'stream-chat';
|
|
3
3
|
import type { ChatProps } from '../components/Chat/Chat';
|
|
4
4
|
import type { DefaultStreamChatGenerics, UnknownType } from '../types/types';
|
|
@@ -8,11 +8,6 @@ export declare type CustomClasses = Partial<Record<CSSClasses, string>>;
|
|
|
8
8
|
declare type ChannelCID = string;
|
|
9
9
|
export declare type ThemeVersion = '1' | '2';
|
|
10
10
|
export declare type ChatContextValue<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> = {
|
|
11
|
-
/**
|
|
12
|
-
* State representing the array of loaded channels.
|
|
13
|
-
* Channels query is executed by default only by ChannelList component in the SDK.
|
|
14
|
-
*/
|
|
15
|
-
channels: Channel<StreamChatGenerics>[];
|
|
16
11
|
/**
|
|
17
12
|
* Indicates, whether a channels query has been triggered within ChannelList by its channels pagination controller.
|
|
18
13
|
*/
|
|
@@ -32,10 +27,6 @@ export declare type ChatContextValue<StreamChatGenerics extends DefaultStreamCha
|
|
|
32
27
|
limit?: number;
|
|
33
28
|
offset?: number;
|
|
34
29
|
}, event?: React.BaseSyntheticEvent) => void;
|
|
35
|
-
/**
|
|
36
|
-
* Sets the list of Channel objects to be rendered by ChannelList component.
|
|
37
|
-
*/
|
|
38
|
-
setChannels: Dispatch<SetStateAction<Channel<StreamChatGenerics>[]>>;
|
|
39
30
|
/**
|
|
40
31
|
* Allows to opt out of the use of legacy CSS (version "1") and opt into the use of the latest SDK's CSS (version "2").
|
|
41
32
|
*/
|
|
@@ -62,7 +53,7 @@ export declare const useChatContext: <StreamChatGenerics extends DefaultStreamCh
|
|
|
62
53
|
* wrapped component must be provided as the first generic.
|
|
63
54
|
*/
|
|
64
55
|
export declare const withChatContext: <P extends UnknownType, StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(Component: React.ComponentType<P>) => {
|
|
65
|
-
(props: Omit<P, "channel" | "client" | "mutes" | "
|
|
56
|
+
(props: Omit<P, "channel" | "client" | "mutes" | "navOpen" | "latestMessageDatesByChannels" | "theme" | "channelsQueryState" | "closeMobileNav" | "customClasses" | "getAppSettings" | "openMobileNav" | "setActiveChannel" | "themeVersion" | "useImageFlagEmojisOnWindows">): JSX.Element;
|
|
66
57
|
displayName: string;
|
|
67
58
|
};
|
|
68
59
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"ChatContext.d.ts","sourceRoot":"","sources":["../../src/context/ChatContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAc,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,sBAAsB,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAGzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,KAAK,EAAE,yBAAyB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAEzF,aAAK,UAAU,GACX,MAAM,GACN,eAAe,GACf,SAAS,GACT,aAAa,GACb,SAAS,GACT,aAAa,GACb,QAAQ,GACR,YAAY,GACZ,gBAAgB,GAChB,wBAAwB,CAAC;AAE7B,oBAAY,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;AAEhE,aAAK,UAAU,GAAG,MAAM,CAAC;AAEzB,oBAAY,YAAY,GAAG,GAAG,GAAG,GAAG,CAAC;AAErC,oBAAY,gBAAgB,CAC1B,kBAAkB,SAAS,yBAAyB,GAAG,yBAAyB,IAC9E;IACF;;OAEG;IACH,kBAAkB,EAAE,kBAAkB,CAAC;IACvC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,EAAE,MAAM,OAAO,CAAC,sBAAsB,CAAC,kBAAkB,CAAC,CAAC,GAAG,IAAI,CAAC;IACjF,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACvD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACvC,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B;;;;;OAKG;IACH,gBAAgB,EAAE,CAChB,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,EACxC,QAAQ,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,EAC9C,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAC7B,IAAI,CAAC;IACV;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B,2BAA2B,EAAE,OAAO,CAAC;IACrC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,kBAAkB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC;AAEtE,eAAO,MAAM,WAAW,wEAA+D,CAAC;AAExF,eAAO,MAAM,YAAY;;kBAWxB,CAAC;AAEF,eAAO,MAAM,cAAc,qGAGT,MAAM,yCAavB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;CAa3B,CAAC"}
|
package/dist/context/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iBAAiB,CAAC"}
|
package/dist/context/index.js
CHANGED
package/dist/index.cjs.js
CHANGED
|
@@ -259,6 +259,23 @@ var withChannelActionContext = function (Component) {
|
|
|
259
259
|
return WithChannelActionContextComponent;
|
|
260
260
|
};
|
|
261
261
|
|
|
262
|
+
var ChannelListContext = React.createContext(undefined);
|
|
263
|
+
/**
|
|
264
|
+
* Context provider for components rendered within the `ChannelList`
|
|
265
|
+
*/
|
|
266
|
+
var ChannelListContextProvider = function (_a) {
|
|
267
|
+
var children = _a.children, value = _a.value;
|
|
268
|
+
return (React__default["default"].createElement(ChannelListContext.Provider, { value: value }, children));
|
|
269
|
+
};
|
|
270
|
+
var useChannelListContext = function (componentName) {
|
|
271
|
+
var contextValue = React.useContext(ChannelListContext);
|
|
272
|
+
if (!contextValue) {
|
|
273
|
+
console.warn("The useChannelListContext hook was called outside of the ChannelListContext provider. Make sure this hook is called within the ChannelList component. The errored call is located in the ".concat(componentName, " component."));
|
|
274
|
+
return {};
|
|
275
|
+
}
|
|
276
|
+
return contextValue;
|
|
277
|
+
};
|
|
278
|
+
|
|
262
279
|
var ChannelStateContext = React__default["default"].createContext(undefined);
|
|
263
280
|
var ChannelStateProvider = function (_a) {
|
|
264
281
|
var children = _a.children, value = _a.value;
|
|
@@ -34284,7 +34301,8 @@ var RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 5000;
|
|
|
34284
34301
|
var MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS = 2000;
|
|
34285
34302
|
var usePaginatedChannels = function (client, filters, sort, options, activeChannelHandler, recoveryThrottleIntervalMs) {
|
|
34286
34303
|
if (recoveryThrottleIntervalMs === void 0) { recoveryThrottleIntervalMs = RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS; }
|
|
34287
|
-
var _a = useChatContext('usePaginatedChannels')
|
|
34304
|
+
var _a = useChatContext('usePaginatedChannels').channelsQueryState, error = _a.error, setError = _a.setError, setQueryInProgress = _a.setQueryInProgress;
|
|
34305
|
+
var _b = React.useState([]), channels = _b[0], setChannels = _b[1];
|
|
34288
34306
|
var _c = React.useState(true), hasNextPage = _c[0], setHasNextPage = _c[1];
|
|
34289
34307
|
var lastRecoveryTimestamp = React.useRef();
|
|
34290
34308
|
var recoveryThrottleInterval = recoveryThrottleIntervalMs < MIN_RECOVER_LOADED_CHANNELS_THROTTLE_INTERVAL_IN_MS
|
|
@@ -34364,7 +34382,6 @@ var usePaginatedChannels = function (client, filters, sort, options, activeChann
|
|
|
34364
34382
|
React.useEffect(function () {
|
|
34365
34383
|
queryChannels('reload');
|
|
34366
34384
|
}, [filterString, sortString]);
|
|
34367
|
-
// FIXME: state refactor (breaking change) is needed - do not forward `channels` and `setChannel`
|
|
34368
34385
|
return {
|
|
34369
34386
|
channels: channels,
|
|
34370
34387
|
hasNextPage: hasNextPage,
|
|
@@ -35106,7 +35123,7 @@ var UnMemoizedChannelList = function (props) {
|
|
|
35106
35123
|
'str-chat-channel-list--open': navOpen,
|
|
35107
35124
|
});
|
|
35108
35125
|
var showChannelList = !searchActive || (additionalChannelSearchProps === null || additionalChannelSearchProps === void 0 ? void 0 : additionalChannelSearchProps.popupResults);
|
|
35109
|
-
return (React__default["default"].createElement(
|
|
35126
|
+
return (React__default["default"].createElement(ChannelListContextProvider, { value: { channels: channels, setChannels: setChannels } },
|
|
35110
35127
|
React__default["default"].createElement("div", { className: className, ref: channelListRef },
|
|
35111
35128
|
showChannelSearch && (React__default["default"].createElement(ChannelSearch$1, __assign({ onSearch: onSearch, onSearchExit: onSearchExit, setChannels: setChannels }, additionalChannelSearchProps))),
|
|
35112
35129
|
showChannelList && (React__default["default"].createElement(List, { error: channelsQueryState.error, loadedChannels: sendChannelsToList ? loadedChannels : undefined, loading: !!channelsQueryState.queryInProgress &&
|
|
@@ -35119,7 +35136,7 @@ var UnMemoizedChannelList = function (props) {
|
|
|
35119
35136
|
*/
|
|
35120
35137
|
var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
|
|
35121
35138
|
|
|
35122
|
-
var version = '10.
|
|
35139
|
+
var version = '10.21.0';
|
|
35123
35140
|
|
|
35124
35141
|
var useChat = function (_a) {
|
|
35125
35142
|
var _b, _c;
|
|
@@ -35129,11 +35146,10 @@ var useChat = function (_a) {
|
|
|
35129
35146
|
tDateTimeParser: defaultDateTimeParser,
|
|
35130
35147
|
userLanguage: 'en',
|
|
35131
35148
|
}), translators = _e[0], setTranslators = _e[1];
|
|
35132
|
-
var _f = React.useState(
|
|
35133
|
-
var _g = React.useState(),
|
|
35134
|
-
var _h = React.useState(
|
|
35135
|
-
var _j = React.useState(
|
|
35136
|
-
var _k = React.useState({}), latestMessageDatesByChannels = _k[0], setLatestMessageDatesByChannels = _k[1];
|
|
35149
|
+
var _f = React.useState(), channel = _f[0], setChannel = _f[1];
|
|
35150
|
+
var _g = React.useState([]), mutes = _g[0], setMutes = _g[1];
|
|
35151
|
+
var _h = React.useState(initialNavOpen), navOpen = _h[0], setNavOpen = _h[1];
|
|
35152
|
+
var _j = React.useState({}), latestMessageDatesByChannels = _j[0], setLatestMessageDatesByChannels = _j[1];
|
|
35137
35153
|
var clientMutes = ((_b = client.user) === null || _b === void 0 ? void 0 : _b.mutes) || [];
|
|
35138
35154
|
var closeMobileNav = function () { return setNavOpen(false); };
|
|
35139
35155
|
var openMobileNav = function () { return setTimeout(function () { return setNavOpen(true); }, 100); };
|
|
@@ -35204,7 +35220,6 @@ var useChat = function (_a) {
|
|
|
35204
35220
|
}, [(_c = client.user) === null || _c === void 0 ? void 0 : _c.id]);
|
|
35205
35221
|
return {
|
|
35206
35222
|
channel: channel,
|
|
35207
|
-
channels: channels,
|
|
35208
35223
|
closeMobileNav: closeMobileNav,
|
|
35209
35224
|
getAppSettings: getAppSettings,
|
|
35210
35225
|
latestMessageDatesByChannels: latestMessageDatesByChannels,
|
|
@@ -35212,14 +35227,13 @@ var useChat = function (_a) {
|
|
|
35212
35227
|
navOpen: navOpen,
|
|
35213
35228
|
openMobileNav: openMobileNav,
|
|
35214
35229
|
setActiveChannel: setActiveChannel,
|
|
35215
|
-
setChannels: setChannels,
|
|
35216
35230
|
translators: translators,
|
|
35217
35231
|
};
|
|
35218
35232
|
};
|
|
35219
35233
|
|
|
35220
35234
|
var useCreateChatContext = function (value) {
|
|
35221
35235
|
var _a;
|
|
35222
|
-
var channel = value.channel,
|
|
35236
|
+
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;
|
|
35223
35237
|
var channelCid = channel === null || channel === void 0 ? void 0 : channel.cid;
|
|
35224
35238
|
var channelsQueryError = channelsQueryState.error;
|
|
35225
35239
|
var channelsQueryInProgress = channelsQueryState.queryInProgress;
|
|
@@ -35227,7 +35241,6 @@ var useCreateChatContext = function (value) {
|
|
|
35227
35241
|
var mutedUsersLength = mutes.length;
|
|
35228
35242
|
var chatContext = React.useMemo(function () { return ({
|
|
35229
35243
|
channel: channel,
|
|
35230
|
-
channels: channels,
|
|
35231
35244
|
channelsQueryState: channelsQueryState,
|
|
35232
35245
|
client: client,
|
|
35233
35246
|
closeMobileNav: closeMobileNav,
|
|
@@ -35238,7 +35251,6 @@ var useCreateChatContext = function (value) {
|
|
|
35238
35251
|
navOpen: navOpen,
|
|
35239
35252
|
openMobileNav: openMobileNav,
|
|
35240
35253
|
setActiveChannel: setActiveChannel,
|
|
35241
|
-
setChannels: setChannels,
|
|
35242
35254
|
theme: theme,
|
|
35243
35255
|
themeVersion: themeVersion,
|
|
35244
35256
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -35246,12 +35258,10 @@ var useCreateChatContext = function (value) {
|
|
|
35246
35258
|
channelCid,
|
|
35247
35259
|
channelsQueryError,
|
|
35248
35260
|
channelsQueryInProgress,
|
|
35249
|
-
channels,
|
|
35250
35261
|
clientValues,
|
|
35251
35262
|
getAppSettings,
|
|
35252
35263
|
mutedUsersLength,
|
|
35253
35264
|
navOpen,
|
|
35254
|
-
setChannels,
|
|
35255
35265
|
]);
|
|
35256
35266
|
return chatContext;
|
|
35257
35267
|
};
|
|
@@ -35310,7 +35320,7 @@ var useCustomStyles = function (customStyles) {
|
|
|
35310
35320
|
*/
|
|
35311
35321
|
var Chat = function (props) {
|
|
35312
35322
|
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;
|
|
35313
|
-
var _e = useChat({ client: client, defaultLanguage: defaultLanguage, i18nInstance: i18nInstance, initialNavOpen: initialNavOpen }), channel = _e.channel,
|
|
35323
|
+
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;
|
|
35314
35324
|
var channelsQueryState = useChannelsQueryState();
|
|
35315
35325
|
var themeVersion = typeof window !== 'undefined'
|
|
35316
35326
|
? (window
|
|
@@ -35321,7 +35331,6 @@ var Chat = function (props) {
|
|
|
35321
35331
|
useCustomStyles(darkMode ? darkModeTheme : customStyles);
|
|
35322
35332
|
var chatContextValue = useCreateChatContext({
|
|
35323
35333
|
channel: channel,
|
|
35324
|
-
channels: channels,
|
|
35325
35334
|
channelsQueryState: channelsQueryState,
|
|
35326
35335
|
client: client,
|
|
35327
35336
|
closeMobileNav: closeMobileNav,
|
|
@@ -35332,7 +35341,6 @@ var Chat = function (props) {
|
|
|
35332
35341
|
navOpen: navOpen,
|
|
35333
35342
|
openMobileNav: openMobileNav,
|
|
35334
35343
|
setActiveChannel: setActiveChannel,
|
|
35335
|
-
setChannels: setChannels,
|
|
35336
35344
|
theme: theme,
|
|
35337
35345
|
themeVersion: themeVersion,
|
|
35338
35346
|
useImageFlagEmojisOnWindows: useImageFlagEmojisOnWindows,
|
|
@@ -37243,6 +37251,8 @@ exports.ChannelActionContext = ChannelActionContext;
|
|
|
37243
37251
|
exports.ChannelActionProvider = ChannelActionProvider;
|
|
37244
37252
|
exports.ChannelHeader = ChannelHeader;
|
|
37245
37253
|
exports.ChannelList = ChannelList;
|
|
37254
|
+
exports.ChannelListContext = ChannelListContext;
|
|
37255
|
+
exports.ChannelListContextProvider = ChannelListContextProvider;
|
|
37246
37256
|
exports.ChannelListMessenger = ChannelListMessenger;
|
|
37247
37257
|
exports.ChannelPreview = ChannelPreview;
|
|
37248
37258
|
exports.ChannelPreviewMessenger = ChannelPreviewMessenger;
|
|
@@ -37290,6 +37300,7 @@ exports.ImageComponent = ImageComponent;
|
|
|
37290
37300
|
exports.ImageContainer = ImageContainer;
|
|
37291
37301
|
exports.InfiniteScroll = InfiniteScroll;
|
|
37292
37302
|
exports.LinkIcon = LinkIcon;
|
|
37303
|
+
exports.LinkPreviewList = LinkPreviewList;
|
|
37293
37304
|
exports.LoadMoreButton = LoadMoreButton;
|
|
37294
37305
|
exports.LoadMorePaginator = LoadMorePaginator;
|
|
37295
37306
|
exports.LoadingChannels = LoadingChannels;
|
|
@@ -37315,6 +37326,7 @@ exports.MessageInputSmall = MessageInputSmall;
|
|
|
37315
37326
|
exports.MessageList = MessageList;
|
|
37316
37327
|
exports.MessageListContext = MessageListContext;
|
|
37317
37328
|
exports.MessageListContextProvider = MessageListContextProvider;
|
|
37329
|
+
exports.MessageListNotifications = MessageListNotifications;
|
|
37318
37330
|
exports.MessageNotification = MessageNotification;
|
|
37319
37331
|
exports.MessageOptions = MessageOptions;
|
|
37320
37332
|
exports.MessageProvider = MessageProvider;
|
|
@@ -37454,6 +37466,7 @@ exports.useChannelActionContext = useChannelActionContext;
|
|
|
37454
37466
|
exports.useChannelDeletedListener = useChannelDeletedListener;
|
|
37455
37467
|
exports.useChannelEditMessageHandler = useEditMessageHandler;
|
|
37456
37468
|
exports.useChannelHiddenListener = useChannelHiddenListener;
|
|
37469
|
+
exports.useChannelListContext = useChannelListContext;
|
|
37457
37470
|
exports.useChannelMentionsHandler = useMentionsHandlers;
|
|
37458
37471
|
exports.useChannelPreviewInfo = useChannelPreviewInfo;
|
|
37459
37472
|
exports.useChannelStateContext = useChannelStateContext;
|