stream-chat-react-native-core 9.4.1-beta.1 → 9.5.0-beta.2
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/README.md +1 -1
- package/lib/commonjs/a11y/hooks/useScreenReaderMountFocus.js +16 -0
- package/lib/commonjs/a11y/hooks/useScreenReaderMountFocus.js.map +1 -0
- package/lib/commonjs/a11y/hooks/useSetAccessibilityFocus.js +46 -0
- package/lib/commonjs/a11y/hooks/useSetAccessibilityFocus.js.map +1 -0
- package/lib/commonjs/a11y/index.js +22 -0
- package/lib/commonjs/a11y/index.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelAddMembers.js +7 -4
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelAddMembers.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelAllMembersModal.js +2 -23
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelAllMembersModal.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberList.js +124 -22
- package/lib/commonjs/components/ChannelDetails/components/members/ChannelMemberList.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +1 -1
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +1 -1
- package/lib/commonjs/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -1
- package/lib/commonjs/components/ChannelDetails/hooks/members/index.js +0 -11
- package/lib/commonjs/components/ChannelDetails/hooks/members/index.js.map +1 -1
- package/lib/commonjs/components/MessageInput/MessageComposer.js +2 -0
- package/lib/commonjs/components/MessageInput/MessageComposer.js.map +1 -1
- package/lib/commonjs/components/UIComponents/SearchInput.js +1 -3
- package/lib/commonjs/components/UIComponents/SearchInput.js.map +1 -1
- package/lib/commonjs/contexts/channelMemberListContext/ChannelMemberListContext.js +63 -0
- package/lib/commonjs/contexts/channelMemberListContext/ChannelMemberListContext.js.map +1 -0
- package/lib/commonjs/contexts/index.js +11 -0
- package/lib/commonjs/contexts/index.js.map +1 -1
- package/lib/commonjs/contexts/themeContext/utils/theme.js +8 -0
- package/lib/commonjs/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/commonjs/i18n/ar.json +3 -1
- package/lib/commonjs/i18n/en.json +2 -0
- package/lib/commonjs/i18n/es.json +3 -1
- package/lib/commonjs/i18n/fr.json +3 -1
- package/lib/commonjs/i18n/he.json +3 -1
- package/lib/commonjs/i18n/hi.json +3 -1
- package/lib/commonjs/i18n/it.json +3 -1
- package/lib/commonjs/i18n/ja.json +3 -1
- package/lib/commonjs/i18n/ko.json +3 -1
- package/lib/commonjs/i18n/nl.json +3 -1
- package/lib/commonjs/i18n/pt-br.json +3 -1
- package/lib/commonjs/i18n/ru.json +3 -1
- package/lib/commonjs/i18n/tr.json +3 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/a11y/hooks/useScreenReaderMountFocus.js +16 -0
- package/lib/module/a11y/hooks/useScreenReaderMountFocus.js.map +1 -0
- package/lib/module/a11y/hooks/useSetAccessibilityFocus.js +46 -0
- package/lib/module/a11y/hooks/useSetAccessibilityFocus.js.map +1 -0
- package/lib/module/a11y/index.js +22 -0
- package/lib/module/a11y/index.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/members/ChannelAddMembers.js +7 -4
- package/lib/module/components/ChannelDetails/components/members/ChannelAddMembers.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/members/ChannelAllMembersModal.js +2 -23
- package/lib/module/components/ChannelDetails/components/members/ChannelAllMembersModal.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/members/ChannelMemberList.js +124 -22
- package/lib/module/components/ChannelDetails/components/members/ChannelMemberList.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js +1 -1
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageItem.js.map +1 -1
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js +1 -1
- package/lib/module/components/ChannelDetails/components/navigation-section/PinnedMessageList.js.map +1 -1
- package/lib/module/components/ChannelDetails/hooks/members/index.js +0 -11
- package/lib/module/components/ChannelDetails/hooks/members/index.js.map +1 -1
- package/lib/module/components/MessageInput/MessageComposer.js +2 -0
- package/lib/module/components/MessageInput/MessageComposer.js.map +1 -1
- package/lib/module/components/UIComponents/SearchInput.js +1 -3
- package/lib/module/components/UIComponents/SearchInput.js.map +1 -1
- package/lib/module/contexts/channelMemberListContext/ChannelMemberListContext.js +63 -0
- package/lib/module/contexts/channelMemberListContext/ChannelMemberListContext.js.map +1 -0
- package/lib/module/contexts/index.js +11 -0
- package/lib/module/contexts/index.js.map +1 -1
- package/lib/module/contexts/themeContext/utils/theme.js +8 -0
- package/lib/module/contexts/themeContext/utils/theme.js.map +1 -1
- package/lib/module/i18n/ar.json +3 -1
- package/lib/module/i18n/en.json +2 -0
- package/lib/module/i18n/es.json +3 -1
- package/lib/module/i18n/fr.json +3 -1
- package/lib/module/i18n/he.json +3 -1
- package/lib/module/i18n/hi.json +3 -1
- package/lib/module/i18n/it.json +3 -1
- package/lib/module/i18n/ja.json +3 -1
- package/lib/module/i18n/ko.json +3 -1
- package/lib/module/i18n/nl.json +3 -1
- package/lib/module/i18n/pt-br.json +3 -1
- package/lib/module/i18n/ru.json +3 -1
- package/lib/module/i18n/tr.json +3 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/a11y/hooks/useScreenReaderMountFocus.d.ts +8 -0
- package/lib/typescript/a11y/hooks/useScreenReaderMountFocus.d.ts.map +1 -0
- package/lib/typescript/a11y/hooks/useSetAccessibilityFocus.d.ts +28 -0
- package/lib/typescript/a11y/hooks/useSetAccessibilityFocus.d.ts.map +1 -0
- package/lib/typescript/a11y/index.d.ts +2 -0
- package/lib/typescript/a11y/index.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/members/ChannelAddMembers.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/members/ChannelAllMembersModal.d.ts +1 -1
- package/lib/typescript/components/ChannelDetails/components/members/ChannelAllMembersModal.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/components/members/ChannelMemberList.d.ts +4 -2
- package/lib/typescript/components/ChannelDetails/components/members/ChannelMemberList.d.ts.map +1 -1
- package/lib/typescript/components/ChannelDetails/hooks/members/index.d.ts +0 -1
- package/lib/typescript/components/ChannelDetails/hooks/members/index.d.ts.map +1 -1
- package/lib/typescript/components/MessageInput/MessageComposer.d.ts.map +1 -1
- package/lib/typescript/contexts/channelMemberListContext/ChannelMemberListContext.d.ts +21 -0
- package/lib/typescript/contexts/channelMemberListContext/ChannelMemberListContext.d.ts.map +1 -0
- package/lib/typescript/contexts/componentsContext/defaultComponents.d.ts +1 -1
- package/lib/typescript/contexts/index.d.ts +1 -0
- package/lib/typescript/contexts/index.d.ts.map +1 -1
- package/lib/typescript/contexts/themeContext/ThemeContext.d.ts +8 -0
- package/lib/typescript/contexts/themeContext/ThemeContext.d.ts.map +1 -1
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts +8 -0
- package/lib/typescript/contexts/themeContext/utils/theme.d.ts.map +1 -1
- package/lib/typescript/i18n/ar.json +3 -1
- package/lib/typescript/i18n/en.json +2 -0
- package/lib/typescript/i18n/es.json +3 -1
- package/lib/typescript/i18n/fr.json +3 -1
- package/lib/typescript/i18n/he.json +3 -1
- package/lib/typescript/i18n/hi.json +3 -1
- package/lib/typescript/i18n/it.json +3 -1
- package/lib/typescript/i18n/ja.json +3 -1
- package/lib/typescript/i18n/ko.json +3 -1
- package/lib/typescript/i18n/nl.json +3 -1
- package/lib/typescript/i18n/pt-br.json +3 -1
- package/lib/typescript/i18n/ru.json +3 -1
- package/lib/typescript/i18n/tr.json +3 -1
- package/lib/typescript/utils/i18n/Streami18n.d.ts +2 -0
- package/lib/typescript/utils/i18n/Streami18n.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/a11y/hooks/useScreenReaderMountFocus.ts +21 -0
- package/src/a11y/hooks/useSetAccessibilityFocus.ts +80 -0
- package/src/a11y/index.ts +2 -0
- package/src/components/ChannelDetails/__tests__/members/ChannelMemberList.test.tsx +265 -151
- package/src/components/ChannelDetails/components/members/ChannelAddMembers.tsx +10 -4
- package/src/components/ChannelDetails/components/members/ChannelAllMembersModal.tsx +4 -25
- package/src/components/ChannelDetails/components/members/ChannelMemberList.tsx +137 -23
- package/src/components/ChannelDetails/components/navigation-section/PinnedMessageItem.tsx +1 -1
- package/src/components/ChannelDetails/components/navigation-section/PinnedMessageList.tsx +1 -1
- package/src/components/ChannelDetails/hooks/members/index.ts +0 -1
- package/src/components/MessageInput/MessageComposer.tsx +5 -0
- package/src/components/UIComponents/SearchInput.tsx +1 -3
- package/src/contexts/channelMemberListContext/ChannelMemberListContext.tsx +72 -0
- package/src/contexts/index.ts +1 -0
- package/src/contexts/themeContext/utils/theme.ts +16 -0
- package/src/i18n/ar.json +3 -1
- package/src/i18n/en.json +2 -0
- package/src/i18n/es.json +3 -1
- package/src/i18n/fr.json +3 -1
- package/src/i18n/he.json +3 -1
- package/src/i18n/hi.json +3 -1
- package/src/i18n/it.json +3 -1
- package/src/i18n/ja.json +3 -1
- package/src/i18n/ko.json +3 -1
- package/src/i18n/nl.json +3 -1
- package/src/i18n/pt-br.json +3 -1
- package/src/i18n/ru.json +3 -1
- package/src/i18n/tr.json +3 -1
- package/src/version.json +1 -1
- package/lib/commonjs/components/ChannelDetails/hooks/members/useChannelAllMembers.js +0 -139
- package/lib/commonjs/components/ChannelDetails/hooks/members/useChannelAllMembers.js.map +0 -1
- package/lib/module/components/ChannelDetails/hooks/members/useChannelAllMembers.js +0 -139
- package/lib/module/components/ChannelDetails/hooks/members/useChannelAllMembers.js.map +0 -1
- package/lib/typescript/components/ChannelDetails/hooks/members/useChannelAllMembers.d.ts +0 -14
- package/lib/typescript/components/ChannelDetails/hooks/members/useChannelAllMembers.d.ts.map +0 -1
- package/src/components/ChannelDetails/__tests__/members/useChannelAllMembers.test.tsx +0 -234
- package/src/components/ChannelDetails/hooks/members/useChannelAllMembers.ts +0 -131
|
@@ -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,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
|
package/lib/typescript/components/ChannelDetails/hooks/members/useChannelAllMembers.d.ts.map
DELETED
|
@@ -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
|
-
});
|