stream-chat-react-native-core 9.4.1-beta.1 → 9.5.0-beta.1

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.
Files changed (133) hide show
  1. package/lib/commonjs/components/ChannelDetails/components/members/ChannelAddMembers.js +7 -4
  2. package/lib/commonjs/components/ChannelDetails/components/members/ChannelAddMembers.js.map +1 -1
  3. package/lib/commonjs/components/ChannelDetails/components/members/ChannelAllMembersModal.js +2 -23
  4. package/lib/commonjs/components/ChannelDetails/components/members/ChannelAllMembersModal.js.map +1 -1
  5. package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberList.js +124 -22
  6. package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberList.js.map +1 -1
  7. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +1 -1
  8. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -1
  9. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +1 -1
  10. package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -1
  11. package/lib/commonjs/components/ChannelDetails/hooks/members/index.js +0 -11
  12. package/lib/commonjs/components/ChannelDetails/hooks/members/index.js.map +1 -1
  13. package/lib/commonjs/components/UIComponents/SearchInput.js +1 -3
  14. package/lib/commonjs/components/UIComponents/SearchInput.js.map +1 -1
  15. package/lib/commonjs/contexts/channelMemberListContext/ChannelMemberListContext.js +63 -0
  16. package/lib/commonjs/contexts/channelMemberListContext/ChannelMemberListContext.js.map +1 -0
  17. package/lib/commonjs/contexts/index.js +11 -0
  18. package/lib/commonjs/contexts/index.js.map +1 -1
  19. package/lib/commonjs/contexts/themeContext/utils/theme.js +8 -0
  20. package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
  21. package/lib/commonjs/i18n/ar.json +3 -1
  22. package/lib/commonjs/i18n/en.json +2 -0
  23. package/lib/commonjs/i18n/es.json +3 -1
  24. package/lib/commonjs/i18n/fr.json +3 -1
  25. package/lib/commonjs/i18n/he.json +3 -1
  26. package/lib/commonjs/i18n/hi.json +3 -1
  27. package/lib/commonjs/i18n/it.json +3 -1
  28. package/lib/commonjs/i18n/ja.json +3 -1
  29. package/lib/commonjs/i18n/ko.json +3 -1
  30. package/lib/commonjs/i18n/nl.json +3 -1
  31. package/lib/commonjs/i18n/pt-br.json +3 -1
  32. package/lib/commonjs/i18n/ru.json +3 -1
  33. package/lib/commonjs/i18n/tr.json +3 -1
  34. package/lib/commonjs/version.json +1 -1
  35. package/lib/module/components/ChannelDetails/components/members/ChannelAddMembers.js +7 -4
  36. package/lib/module/components/ChannelDetails/components/members/ChannelAddMembers.js.map +1 -1
  37. package/lib/module/components/ChannelDetails/components/members/ChannelAllMembersModal.js +2 -23
  38. package/lib/module/components/ChannelDetails/components/members/ChannelAllMembersModal.js.map +1 -1
  39. package/lib/module/components/ChannelDetails/components/members/ChannelMemberList.js +124 -22
  40. package/lib/module/components/ChannelDetails/components/members/ChannelMemberList.js.map +1 -1
  41. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +1 -1
  42. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -1
  43. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +1 -1
  44. package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -1
  45. package/lib/module/components/ChannelDetails/hooks/members/index.js +0 -11
  46. package/lib/module/components/ChannelDetails/hooks/members/index.js.map +1 -1
  47. package/lib/module/components/UIComponents/SearchInput.js +1 -3
  48. package/lib/module/components/UIComponents/SearchInput.js.map +1 -1
  49. package/lib/module/contexts/channelMemberListContext/ChannelMemberListContext.js +63 -0
  50. package/lib/module/contexts/channelMemberListContext/ChannelMemberListContext.js.map +1 -0
  51. package/lib/module/contexts/index.js +11 -0
  52. package/lib/module/contexts/index.js.map +1 -1
  53. package/lib/module/contexts/themeContext/utils/theme.js +8 -0
  54. package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
  55. package/lib/module/i18n/ar.json +3 -1
  56. package/lib/module/i18n/en.json +2 -0
  57. package/lib/module/i18n/es.json +3 -1
  58. package/lib/module/i18n/fr.json +3 -1
  59. package/lib/module/i18n/he.json +3 -1
  60. package/lib/module/i18n/hi.json +3 -1
  61. package/lib/module/i18n/it.json +3 -1
  62. package/lib/module/i18n/ja.json +3 -1
  63. package/lib/module/i18n/ko.json +3 -1
  64. package/lib/module/i18n/nl.json +3 -1
  65. package/lib/module/i18n/pt-br.json +3 -1
  66. package/lib/module/i18n/ru.json +3 -1
  67. package/lib/module/i18n/tr.json +3 -1
  68. package/lib/module/version.json +1 -1
  69. package/lib/typescript/components/ChannelDetails/components/members/ChannelAddMembers.d.ts.map +1 -1
  70. package/lib/typescript/components/ChannelDetails/components/members/ChannelAllMembersModal.d.ts +1 -1
  71. package/lib/typescript/components/ChannelDetails/components/members/ChannelAllMembersModal.d.ts.map +1 -1
  72. package/lib/typescript/components/ChannelDetails/components/members/ChannelMemberList.d.ts +4 -2
  73. package/lib/typescript/components/ChannelDetails/components/members/ChannelMemberList.d.ts.map +1 -1
  74. package/lib/typescript/components/ChannelDetails/hooks/members/index.d.ts +0 -1
  75. package/lib/typescript/components/ChannelDetails/hooks/members/index.d.ts.map +1 -1
  76. package/lib/typescript/contexts/channelMemberListContext/ChannelMemberListContext.d.ts +21 -0
  77. package/lib/typescript/contexts/channelMemberListContext/ChannelMemberListContext.d.ts.map +1 -0
  78. package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts +1 -1
  79. package/lib/typescript/contexts/index.d.ts +1 -0
  80. package/lib/typescript/contexts/index.d.ts.map +1 -1
  81. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +8 -0
  82. package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
  83. package/lib/typescript/contexts/themeContext/utils/theme.d.ts +8 -0
  84. package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
  85. package/lib/typescript/i18n/ar.json +3 -1
  86. package/lib/typescript/i18n/en.json +2 -0
  87. package/lib/typescript/i18n/es.json +3 -1
  88. package/lib/typescript/i18n/fr.json +3 -1
  89. package/lib/typescript/i18n/he.json +3 -1
  90. package/lib/typescript/i18n/hi.json +3 -1
  91. package/lib/typescript/i18n/it.json +3 -1
  92. package/lib/typescript/i18n/ja.json +3 -1
  93. package/lib/typescript/i18n/ko.json +3 -1
  94. package/lib/typescript/i18n/nl.json +3 -1
  95. package/lib/typescript/i18n/pt-br.json +3 -1
  96. package/lib/typescript/i18n/ru.json +3 -1
  97. package/lib/typescript/i18n/tr.json +3 -1
  98. package/lib/typescript/utils/i18n/Streami18n.d.ts +2 -0
  99. package/lib/typescript/utils/i18n/Streami18n.d.ts.map +1 -1
  100. package/package.json +1 -1
  101. package/src/components/ChannelDetails/__tests__/members/ChannelMemberList.test.tsx +265 -151
  102. package/src/components/ChannelDetails/components/members/ChannelAddMembers.tsx +10 -4
  103. package/src/components/ChannelDetails/components/members/ChannelAllMembersModal.tsx +4 -25
  104. package/src/components/ChannelDetails/components/members/ChannelMemberList.tsx +137 -23
  105. package/src/components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx +1 -1
  106. package/src/components/ChannelDetails/components/navigation-section/PinnedMessageList.tsx +1 -1
  107. package/src/components/ChannelDetails/hooks/members/index.ts +0 -1
  108. package/src/components/UIComponents/SearchInput.tsx +1 -3
  109. package/src/contexts/channelMemberListContext/ChannelMemberListContext.tsx +72 -0
  110. package/src/contexts/index.ts +1 -0
  111. package/src/contexts/themeContext/utils/theme.ts +16 -0
  112. package/src/i18n/ar.json +3 -1
  113. package/src/i18n/en.json +2 -0
  114. package/src/i18n/es.json +3 -1
  115. package/src/i18n/fr.json +3 -1
  116. package/src/i18n/he.json +3 -1
  117. package/src/i18n/hi.json +3 -1
  118. package/src/i18n/it.json +3 -1
  119. package/src/i18n/ja.json +3 -1
  120. package/src/i18n/ko.json +3 -1
  121. package/src/i18n/nl.json +3 -1
  122. package/src/i18n/pt-br.json +3 -1
  123. package/src/i18n/ru.json +3 -1
  124. package/src/i18n/tr.json +3 -1
  125. package/src/version.json +1 -1
  126. package/lib/commonjs/components/ChannelDetails/hooks/members/useChannelAllMembers.js +0 -139
  127. package/lib/commonjs/components/ChannelDetails/hooks/members/useChannelAllMembers.js.map +0 -1
  128. package/lib/module/components/ChannelDetails/hooks/members/useChannelAllMembers.js +0 -139
  129. package/lib/module/components/ChannelDetails/hooks/members/useChannelAllMembers.js.map +0 -1
  130. package/lib/typescript/components/ChannelDetails/hooks/members/useChannelAllMembers.d.ts +0 -14
  131. package/lib/typescript/components/ChannelDetails/hooks/members/useChannelAllMembers.d.ts.map +0 -1
  132. package/src/components/ChannelDetails/__tests__/members/useChannelAllMembers.test.tsx +0 -234
  133. package/src/components/ChannelDetails/hooks/members/useChannelAllMembers.ts +0 -131
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","require","_contexts","_useChannelActions","_useChannelMembersState","_useNotificationApi2","PAGE_SIZE","noop","undefined","useChannelAllMembers","channel","_useNotificationApi","useNotificationApi","addNotification","_useTranslationContex","useTranslationContext","t","localMembers","useChannelMembersState","_useState","useState","memberCount","data","member_count","loadedCount","Object","keys","state","members","length","_useState2","_slicedToArray2","default","mode","_useState3","_useState4","results","setResults","_useState5","_useState6","loading","setLoading","_useState7","_useState8","hasMore","setHasMore","offsetRef","useRef","requestIdRef","inFlightRef","fetchPage","useCallback","_ref","_asyncToGenerator2","append","requestId","current","filter","sort","created_at","response","queryMembers","limit","offset","fetched","prev","seen","Set","map","m","user_id","user","id","deduped","has","err","message","options","getNotificationErrorOptions","severity","type","origin","context","emitter","_x","apply","arguments","fetchPageRef","useEffect","loadMore","localResults","useMemo","values","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/hooks/members/useChannelAllMembers.ts"],"mappings":"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","ignoreList":[]}
@@ -1,139 +0,0 @@
1
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- exports.useChannelAllMembers = void 0;
6
- var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
7
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
8
- var _react = require("react");
9
- var _contexts = require("../../../../contexts");
10
- var _useChannelActions = require("../../../../hooks/actions/useChannelActions");
11
- var _useChannelMembersState = require("../../../ChannelList/hooks/useChannelMembersState");
12
- var _useNotificationApi2 = require("../../../Notifications/hooks/useNotificationApi");
13
- var PAGE_SIZE = 25;
14
- var noop = () => undefined;
15
- var useChannelAllMembers = ({
16
- channel
17
- }) => {
18
- var _useNotificationApi = (0, _useNotificationApi2.useNotificationApi)(),
19
- addNotification = _useNotificationApi.addNotification;
20
- var _useTranslationContex = (0, _contexts.useTranslationContext)(),
21
- t = _useTranslationContex.t;
22
- var localMembers = (0, _useChannelMembersState.useChannelMembersState)(channel);
23
- var _useState = (0, _react.useState)(() => {
24
- var memberCount = channel.data?.member_count;
25
- var loadedCount = Object.keys(channel.state.members).length;
26
- return memberCount == null || loadedCount >= memberCount ? 'local' : 'paginated';
27
- }),
28
- _useState2 = (0, _slicedToArray2.default)(_useState, 1),
29
- mode = _useState2[0];
30
- var _useState3 = (0, _react.useState)([]),
31
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
32
- results = _useState4[0],
33
- setResults = _useState4[1];
34
- var _useState5 = (0, _react.useState)(mode === 'paginated'),
35
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
36
- loading = _useState6[0],
37
- setLoading = _useState6[1];
38
- var _useState7 = (0, _react.useState)(mode === 'paginated'),
39
- _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
40
- hasMore = _useState8[0],
41
- setHasMore = _useState8[1];
42
- var offsetRef = (0, _react.useRef)(0);
43
- var requestIdRef = (0, _react.useRef)(0);
44
- var inFlightRef = (0, _react.useRef)(false);
45
- var fetchPage = (0, _react.useCallback)(function () {
46
- var _ref = (0, _asyncToGenerator2.default)(function* ({
47
- append
48
- }) {
49
- var requestId = ++requestIdRef.current;
50
- inFlightRef.current = true;
51
- setLoading(true);
52
- if (!append) {
53
- offsetRef.current = 0;
54
- setHasMore(true);
55
- }
56
- try {
57
- var filter = {};
58
- var sort = {
59
- created_at: 1
60
- };
61
- var response = yield channel.queryMembers(filter, sort, {
62
- limit: PAGE_SIZE,
63
- offset: offsetRef.current
64
- });
65
- if (requestId !== requestIdRef.current) return;
66
- var fetched = response.members ?? [];
67
- setResults(prev => {
68
- if (!append) return fetched;
69
- var seen = new Set(prev.map(m => m.user_id ?? m.user?.id));
70
- var deduped = fetched.filter(m => !seen.has(m.user_id ?? m.user?.id));
71
- return deduped.length ? [...prev, ...deduped] : prev;
72
- });
73
- offsetRef.current += fetched.length;
74
- if (fetched.length < PAGE_SIZE) {
75
- setHasMore(false);
76
- }
77
- } catch (err) {
78
- if (requestId !== requestIdRef.current) return;
79
- addNotification({
80
- message: t('Failed to load members'),
81
- options: {
82
- ...(0, _useChannelActions.getNotificationErrorOptions)(err),
83
- severity: 'error',
84
- type: 'api:channel:query-members:failed'
85
- },
86
- origin: {
87
- context: {
88
- channel
89
- },
90
- emitter: 'ChannelAllMembers'
91
- }
92
- });
93
- } finally {
94
- if (requestId === requestIdRef.current) {
95
- inFlightRef.current = false;
96
- setLoading(false);
97
- }
98
- }
99
- });
100
- return function (_x) {
101
- return _ref.apply(this, arguments);
102
- };
103
- }(), [addNotification, channel, t]);
104
- var fetchPageRef = (0, _react.useRef)(fetchPage);
105
- fetchPageRef.current = fetchPage;
106
- (0, _react.useEffect)(() => {
107
- if (mode !== 'paginated') return;
108
- fetchPageRef.current({
109
- append: false
110
- });
111
- return () => {
112
- requestIdRef.current += 1;
113
- };
114
- }, [mode]);
115
- var loadMore = (0, _react.useCallback)(() => {
116
- if (mode !== 'paginated') return;
117
- if (inFlightRef.current || !hasMore || loading) return;
118
- fetchPageRef.current({
119
- append: true
120
- });
121
- }, [mode, hasMore, loading]);
122
- var localResults = (0, _react.useMemo)(() => Object.values(localMembers), [localMembers]);
123
- if (mode === 'local') {
124
- return {
125
- hasMore: false,
126
- loading: false,
127
- loadMore: noop,
128
- results: localResults
129
- };
130
- }
131
- return {
132
- hasMore,
133
- loading,
134
- loadMore,
135
- results
136
- };
137
- };
138
- exports.useChannelAllMembers = useChannelAllMembers;
139
- //# sourceMappingURL=useChannelAllMembers.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_react","require","_contexts","_useChannelActions","_useChannelMembersState","_useNotificationApi2","PAGE_SIZE","noop","undefined","useChannelAllMembers","channel","_useNotificationApi","useNotificationApi","addNotification","_useTranslationContex","useTranslationContext","t","localMembers","useChannelMembersState","_useState","useState","memberCount","data","member_count","loadedCount","Object","keys","state","members","length","_useState2","_slicedToArray2","default","mode","_useState3","_useState4","results","setResults","_useState5","_useState6","loading","setLoading","_useState7","_useState8","hasMore","setHasMore","offsetRef","useRef","requestIdRef","inFlightRef","fetchPage","useCallback","_ref","_asyncToGenerator2","append","requestId","current","filter","sort","created_at","response","queryMembers","limit","offset","fetched","prev","seen","Set","map","m","user_id","user","id","deduped","has","err","message","options","getNotificationErrorOptions","severity","type","origin","context","emitter","_x","apply","arguments","fetchPageRef","useEffect","loadMore","localResults","useMemo","values","exports"],"sourceRoot":"../../../../../../src","sources":["components/ChannelDetails/hooks/members/useChannelAllMembers.ts"],"mappings":"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","ignoreList":[]}
@@ -1,14 +0,0 @@
1
- import type { Channel, ChannelMemberResponse } from 'stream-chat';
2
- export type UseChannelAllMembersResult = {
3
- hasMore: boolean;
4
- loading: boolean;
5
- loadMore: () => void;
6
- results: ChannelMemberResponse[];
7
- };
8
- /**
9
- * @experimental This hook is experimental and is subject to change.
10
- */
11
- export declare const useChannelAllMembers: ({ channel, }: {
12
- channel: Channel;
13
- }) => UseChannelAllMembersResult;
14
- //# sourceMappingURL=useChannelAllMembers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useChannelAllMembers.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ChannelDetails/hooks/members/useChannelAllMembers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,qBAAqB,EAA6B,MAAM,aAAa,CAAC;AAS7F,MAAM,MAAM,0BAA0B,GAAG;IACvC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,qBAAqB,EAAE,CAAC;CAClC,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,oBAAoB,GAAI,cAElC;IACD,OAAO,EAAE,OAAO,CAAC;CAClB,KAAG,0BAuGH,CAAC"}
@@ -1,234 +0,0 @@
1
- import React from 'react';
2
-
3
- import { act, renderHook, waitFor } from '@testing-library/react-native';
4
- import type { Channel, ChannelMemberResponse } from 'stream-chat';
5
-
6
- import { TranslationProvider } from '../../../../contexts/translationContext/TranslationContext';
7
- import { generateMember } from '../../../../mock-builders/generator/member';
8
- import { generateUser } from '../../../../mock-builders/generator/user';
9
- import { useNotificationApi } from '../../../Notifications/hooks/useNotificationApi';
10
- import { useChannelAllMembers } from '../../hooks/members/useChannelAllMembers';
11
-
12
- jest.mock('../../../Notifications/hooks/useNotificationApi', () => ({
13
- useNotificationApi: jest.fn(() => ({ addNotification: jest.fn() })),
14
- }));
15
-
16
- const t = ((key: string) => key) as never;
17
-
18
- const translationWrapper = ({ children }: { children: React.ReactNode }) => (
19
- <TranslationProvider
20
- value={{ t, tDateTimeParser: ((input: unknown) => input) as never, userLanguage: 'en' }}
21
- >
22
- {children}
23
- </TranslationProvider>
24
- );
25
-
26
- type QueryMembersMock = jest.Mock<
27
- Promise<{ members: ChannelMemberResponse[] }>,
28
- [unknown, unknown, unknown]
29
- >;
30
-
31
- const buildChannel = ({
32
- members,
33
- memberCount,
34
- queryMembers,
35
- }: {
36
- members: ChannelMemberResponse[];
37
- memberCount?: number;
38
- queryMembers?: QueryMembersMock;
39
- }): Channel =>
40
- ({
41
- cid: 'messaging:test',
42
- data: memberCount == null ? {} : { member_count: memberCount },
43
- on: () => ({ unsubscribe: () => undefined }),
44
- queryMembers: queryMembers ?? jest.fn(),
45
- state: {
46
- members: Object.fromEntries(
47
- members.map((m) => [m.user?.id ?? m.user_id ?? '', m]).filter(([k]) => Boolean(k)),
48
- ),
49
- },
50
- }) as unknown as Channel;
51
-
52
- const buildMembers = (count: number, prefix = 'u') =>
53
- Array.from({ length: count }, (_, i) =>
54
- generateMember({ user: generateUser({ id: `${prefix}-${i}`, name: `User ${i}` }) }),
55
- );
56
-
57
- describe('useChannelAllMembers', () => {
58
- let addNotification: jest.Mock;
59
-
60
- beforeEach(() => {
61
- addNotification = jest.fn();
62
- (useNotificationApi as jest.Mock).mockReturnValue({ addNotification });
63
- });
64
-
65
- describe('local mode', () => {
66
- it('returns local members when member_count matches the loaded count', () => {
67
- const members = buildMembers(3);
68
- const queryMembers: QueryMembersMock = jest.fn();
69
- const channel = buildChannel({ memberCount: 3, members, queryMembers });
70
-
71
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
72
-
73
- expect(queryMembers).not.toHaveBeenCalled();
74
- expect(result.current.results.map((m) => m.user?.id)).toEqual(['u-0', 'u-1', 'u-2']);
75
- expect(result.current.hasMore).toBe(false);
76
- expect(result.current.loading).toBe(false);
77
- });
78
-
79
- it('treats undefined member_count as fully loaded', () => {
80
- const members = buildMembers(2);
81
- const queryMembers: QueryMembersMock = jest.fn();
82
- const channel = buildChannel({ members, queryMembers });
83
-
84
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
85
-
86
- expect(queryMembers).not.toHaveBeenCalled();
87
- expect(result.current.results).toHaveLength(2);
88
- expect(result.current.hasMore).toBe(false);
89
- });
90
-
91
- it('loadMore is a no-op in local mode', () => {
92
- const members = buildMembers(1);
93
- const queryMembers: QueryMembersMock = jest.fn();
94
- const channel = buildChannel({ memberCount: 1, members, queryMembers });
95
-
96
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
97
-
98
- act(() => result.current.loadMore());
99
- expect(queryMembers).not.toHaveBeenCalled();
100
- });
101
- });
102
-
103
- describe('paginated mode', () => {
104
- it('fetches the first page on mount and exposes loading state', async () => {
105
- const loaded = buildMembers(25, 'loaded');
106
- const firstPage = buildMembers(25, 'page1');
107
- const queryMembers: QueryMembersMock = jest.fn().mockResolvedValue({ members: firstPage });
108
- const channel = buildChannel({ memberCount: 250, members: loaded, queryMembers });
109
-
110
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
111
-
112
- expect(result.current.loading).toBe(true);
113
- expect(result.current.hasMore).toBe(true);
114
-
115
- await waitFor(() => expect(queryMembers).toHaveBeenCalledTimes(1));
116
- expect(queryMembers).toHaveBeenCalledWith({}, { created_at: 1 }, { limit: 25, offset: 0 });
117
-
118
- await waitFor(() => expect(result.current.loading).toBe(false));
119
- expect(result.current.results).toHaveLength(25);
120
- expect(result.current.results[0]?.user?.id).toBe('page1-0');
121
- expect(result.current.hasMore).toBe(true);
122
- });
123
-
124
- it('appends the next page on loadMore with the correct offset and dedupes', async () => {
125
- const firstPage = buildMembers(25, 'page1');
126
- const overlap = firstPage[firstPage.length - 1];
127
- const secondPageFresh = buildMembers(10, 'page2');
128
- const secondPage = overlap ? [overlap, ...secondPageFresh] : secondPageFresh;
129
- const queryMembers: QueryMembersMock = jest
130
- .fn()
131
- .mockResolvedValueOnce({ members: firstPage })
132
- .mockResolvedValueOnce({ members: secondPage });
133
- const channel = buildChannel({
134
- memberCount: 300,
135
- members: buildMembers(25, 'loaded'),
136
- queryMembers,
137
- });
138
-
139
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
140
-
141
- await waitFor(() => expect(result.current.loading).toBe(false));
142
- expect(result.current.results).toHaveLength(25);
143
-
144
- act(() => result.current.loadMore());
145
-
146
- await waitFor(() => expect(queryMembers).toHaveBeenCalledTimes(2));
147
- expect(queryMembers).toHaveBeenNthCalledWith(
148
- 2,
149
- {},
150
- { created_at: 1 },
151
- { limit: 25, offset: 25 },
152
- );
153
-
154
- await waitFor(() => expect(result.current.loading).toBe(false));
155
- expect(result.current.results).toHaveLength(35);
156
- expect(result.current.hasMore).toBe(false);
157
- });
158
-
159
- it('marks hasMore=false when the first page is shorter than PAGE_SIZE', async () => {
160
- const firstPage = buildMembers(10, 'page1');
161
- const queryMembers: QueryMembersMock = jest.fn().mockResolvedValue({ members: firstPage });
162
- const channel = buildChannel({
163
- memberCount: 200,
164
- members: buildMembers(25, 'loaded'),
165
- queryMembers,
166
- });
167
-
168
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
169
-
170
- await waitFor(() => expect(result.current.loading).toBe(false));
171
- expect(result.current.hasMore).toBe(false);
172
-
173
- act(() => result.current.loadMore());
174
- expect(queryMembers).toHaveBeenCalledTimes(1);
175
- });
176
-
177
- it('guards against concurrent loadMore calls', async () => {
178
- let resolveSecond: ((value: { members: ChannelMemberResponse[] }) => void) | undefined;
179
- const queryMembers: QueryMembersMock = jest
180
- .fn()
181
- .mockResolvedValueOnce({ members: buildMembers(25, 'page1') })
182
- .mockReturnValueOnce(
183
- new Promise<{ members: ChannelMemberResponse[] }>((resolve) => {
184
- resolveSecond = resolve;
185
- }),
186
- );
187
- const channel = buildChannel({
188
- memberCount: 500,
189
- members: buildMembers(25, 'loaded'),
190
- queryMembers,
191
- });
192
-
193
- const { result } = renderHook(() => useChannelAllMembers({ channel }));
194
-
195
- await waitFor(() => expect(result.current.loading).toBe(false));
196
-
197
- act(() => result.current.loadMore());
198
- await waitFor(() => expect(result.current.loading).toBe(true));
199
- expect(result.current.results.length).toBeGreaterThan(0);
200
-
201
- act(() => result.current.loadMore());
202
- act(() => result.current.loadMore());
203
-
204
- expect(queryMembers).toHaveBeenCalledTimes(2);
205
-
206
- act(() => resolveSecond?.({ members: buildMembers(25, 'page2') }));
207
- await waitFor(() => expect(result.current.loading).toBe(false));
208
- });
209
-
210
- it('recovers from a queryMembers rejection and notifies the user', async () => {
211
- const queryMembers: QueryMembersMock = jest.fn().mockRejectedValue(new Error('boom'));
212
- const channel = buildChannel({
213
- memberCount: 200,
214
- members: buildMembers(25, 'loaded'),
215
- queryMembers,
216
- });
217
-
218
- const { result } = renderHook(() => useChannelAllMembers({ channel }), {
219
- wrapper: translationWrapper,
220
- });
221
-
222
- await waitFor(() => expect(result.current.loading).toBe(false));
223
- expect(result.current.results).toEqual([]);
224
- expect(addNotification).toHaveBeenCalledWith(
225
- expect.objectContaining({
226
- options: expect.objectContaining({
227
- severity: 'error',
228
- type: 'api:channel:query-members:failed',
229
- }),
230
- }),
231
- );
232
- });
233
- });
234
- });
@@ -1,131 +0,0 @@
1
- import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
2
-
3
- import type { Channel, ChannelMemberResponse, MemberFilters, MemberSort } from 'stream-chat';
4
-
5
- import { useTranslationContext } from '../../../../contexts';
6
- import { getNotificationErrorOptions } from '../../../../hooks/actions/useChannelActions';
7
- import { useChannelMembersState } from '../../../ChannelList/hooks/useChannelMembersState';
8
- import { useNotificationApi } from '../../../Notifications/hooks/useNotificationApi';
9
-
10
- const PAGE_SIZE = 25;
11
-
12
- export type UseChannelAllMembersResult = {
13
- hasMore: boolean;
14
- loading: boolean;
15
- loadMore: () => void;
16
- results: ChannelMemberResponse[];
17
- };
18
-
19
- const noop = () => undefined;
20
-
21
- /**
22
- * @experimental This hook is experimental and is subject to change.
23
- */
24
- export const useChannelAllMembers = ({
25
- channel,
26
- }: {
27
- channel: Channel;
28
- }): UseChannelAllMembersResult => {
29
- const { addNotification } = useNotificationApi();
30
- const { t } = useTranslationContext();
31
- const localMembers = useChannelMembersState(channel);
32
-
33
- // Mode is decided once on mount (per channel). If member_count is unknown or matches
34
- // the locally-loaded count, we return local state and stay reactive to member events.
35
- // Otherwise we switch into paginated mode for the lifetime of the hook.
36
- const [mode] = useState<'local' | 'paginated'>(() => {
37
- const memberCount = channel.data?.member_count;
38
- const loadedCount = Object.keys(channel.state.members).length;
39
- return memberCount == null || loadedCount >= memberCount ? 'local' : 'paginated';
40
- });
41
-
42
- const [results, setResults] = useState<ChannelMemberResponse[]>([]);
43
- const [loading, setLoading] = useState(mode === 'paginated');
44
- const [hasMore, setHasMore] = useState(mode === 'paginated');
45
-
46
- const offsetRef = useRef(0);
47
- const requestIdRef = useRef(0);
48
- const inFlightRef = useRef(false);
49
-
50
- const fetchPage = useCallback(
51
- async ({ append }: { append: boolean }) => {
52
- const requestId = ++requestIdRef.current;
53
- inFlightRef.current = true;
54
- setLoading(true);
55
- if (!append) {
56
- offsetRef.current = 0;
57
- setHasMore(true);
58
- }
59
-
60
- try {
61
- const filter: MemberFilters = {};
62
- const sort: MemberSort = { created_at: 1 };
63
- const response = await channel.queryMembers(filter, sort, {
64
- limit: PAGE_SIZE,
65
- offset: offsetRef.current,
66
- });
67
-
68
- if (requestId !== requestIdRef.current) return;
69
-
70
- const fetched = response.members ?? [];
71
- setResults((prev) => {
72
- if (!append) return fetched;
73
- const seen = new Set(prev.map((m) => m.user_id ?? m.user?.id));
74
- const deduped = fetched.filter((m) => !seen.has(m.user_id ?? m.user?.id));
75
- return deduped.length ? [...prev, ...deduped] : prev;
76
- });
77
- offsetRef.current += fetched.length;
78
- if (fetched.length < PAGE_SIZE) {
79
- setHasMore(false);
80
- }
81
- } catch (err) {
82
- if (requestId !== requestIdRef.current) return;
83
- addNotification({
84
- message: t('Failed to load members'),
85
- options: {
86
- ...getNotificationErrorOptions(err),
87
- severity: 'error',
88
- type: 'api:channel:query-members:failed',
89
- },
90
- origin: { context: { channel }, emitter: 'ChannelAllMembers' },
91
- });
92
- } finally {
93
- if (requestId === requestIdRef.current) {
94
- inFlightRef.current = false;
95
- setLoading(false);
96
- }
97
- }
98
- },
99
- [addNotification, channel, t],
100
- );
101
-
102
- const fetchPageRef = useRef(fetchPage);
103
- fetchPageRef.current = fetchPage;
104
-
105
- useEffect(() => {
106
- if (mode !== 'paginated') return;
107
- fetchPageRef.current({ append: false });
108
- return () => {
109
- requestIdRef.current += 1;
110
- };
111
- }, [mode]);
112
-
113
- const loadMore = useCallback(() => {
114
- if (mode !== 'paginated') return;
115
- if (inFlightRef.current || !hasMore || loading) return;
116
- fetchPageRef.current({ append: true });
117
- }, [mode, hasMore, loading]);
118
-
119
- const localResults = useMemo(() => Object.values(localMembers), [localMembers]);
120
-
121
- if (mode === 'local') {
122
- return {
123
- hasMore: false,
124
- loading: false,
125
- loadMore: noop,
126
- results: localResults,
127
- };
128
- }
129
-
130
- return { hasMore, loading, loadMore, results };
131
- };