@planningcenter/chat-react-native 4.2.0 → 4.2.1-qa-staging.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.
- package/build/components/conversation/anchor_not_found_boundary.d.ts +18 -0
- package/build/components/conversation/anchor_not_found_boundary.d.ts.map +1 -0
- package/build/components/conversation/anchor_not_found_boundary.js +20 -0
- package/build/components/conversation/anchor_not_found_boundary.js.map +1 -0
- package/build/components/conversation/message_form.d.ts +2 -1
- package/build/components/conversation/message_form.d.ts.map +1 -1
- package/build/components/conversation/message_form.js +54 -51
- package/build/components/conversation/message_form.js.map +1 -1
- package/build/components/conversation/message_list.d.ts +3 -2
- package/build/components/conversation/message_list.d.ts.map +1 -1
- package/build/components/conversation/message_list.js +152 -66
- package/build/components/conversation/message_list.js.map +1 -1
- package/build/hooks/index.d.ts +1 -0
- package/build/hooks/index.d.ts.map +1 -1
- package/build/hooks/index.js +1 -0
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/paginator_meta.d.ts +3 -1
- package/build/hooks/paginator_meta.d.ts.map +1 -1
- package/build/hooks/paginator_meta.js +25 -8
- package/build/hooks/paginator_meta.js.map +1 -1
- package/build/hooks/use_api.d.ts.map +1 -1
- package/build/hooks/use_api.js +5 -8
- package/build/hooks/use_api.js.map +1 -1
- package/build/hooks/use_conversation_messages.d.ts +8 -2
- package/build/hooks/use_conversation_messages.d.ts.map +1 -1
- package/build/hooks/use_conversation_messages.js +77 -45
- package/build/hooks/use_conversation_messages.js.map +1 -1
- package/build/hooks/use_conversation_messages_jolt_events.d.ts +9 -1
- package/build/hooks/use_conversation_messages_jolt_events.d.ts.map +1 -1
- package/build/hooks/use_conversation_messages_jolt_events.js +88 -73
- package/build/hooks/use_conversation_messages_jolt_events.js.map +1 -1
- package/build/hooks/use_direct_message_eligibility.d.ts +14 -0
- package/build/hooks/use_direct_message_eligibility.d.ts.map +1 -0
- package/build/hooks/use_direct_message_eligibility.js +87 -0
- package/build/hooks/use_direct_message_eligibility.js.map +1 -0
- package/build/hooks/use_fetch_newer_messages.d.ts +8 -0
- package/build/hooks/use_fetch_newer_messages.d.ts.map +1 -0
- package/build/hooks/use_fetch_newer_messages.js +56 -0
- package/build/hooks/use_fetch_newer_messages.js.map +1 -0
- package/build/hooks/use_fetch_newer_on_foreground.d.ts +8 -0
- package/build/hooks/use_fetch_newer_on_foreground.d.ts.map +1 -0
- package/build/hooks/use_fetch_newer_on_foreground.js +41 -0
- package/build/hooks/use_fetch_newer_on_foreground.js.map +1 -0
- package/build/hooks/use_mark_latest_message_read.d.ts +2 -1
- package/build/hooks/use_mark_latest_message_read.d.ts.map +1 -1
- package/build/hooks/use_mark_latest_message_read.js +4 -3
- package/build/hooks/use_mark_latest_message_read.js.map +1 -1
- package/build/hooks/use_suspense_api.d.ts.map +1 -1
- package/build/hooks/use_suspense_api.js +5 -8
- package/build/hooks/use_suspense_api.js.map +1 -1
- package/build/screens/conversation_new/components/services_form.js +9 -8
- package/build/screens/conversation_new/components/services_form.js.map +1 -1
- package/build/screens/conversation_screen.d.ts +1 -0
- package/build/screens/conversation_screen.d.ts.map +1 -1
- package/build/screens/conversation_screen.js +241 -355
- package/build/screens/conversation_screen.js.map +1 -1
- package/build/types/api_primitives.d.ts +2 -0
- package/build/types/api_primitives.d.ts.map +1 -1
- package/build/types/api_primitives.js.map +1 -1
- package/build/types/resources/member.d.ts +1 -0
- package/build/types/resources/member.d.ts.map +1 -1
- package/build/types/resources/member.js.map +1 -1
- package/build/utils/cache/prepend_newer_page.d.ts +7 -0
- package/build/utils/cache/prepend_newer_page.d.ts.map +1 -0
- package/build/utils/cache/prepend_newer_page.js +14 -0
- package/build/utils/cache/prepend_newer_page.js.map +1 -0
- package/build/utils/client/types.d.ts +1 -0
- package/build/utils/client/types.d.ts.map +1 -1
- package/build/utils/client/types.js.map +1 -1
- package/build/utils/gated_message_cache.d.ts +7 -0
- package/build/utils/gated_message_cache.d.ts.map +1 -0
- package/build/utils/gated_message_cache.js +13 -0
- package/build/utils/gated_message_cache.js.map +1 -0
- package/build/utils/generate_placeholder_ulid.d.ts +0 -6
- package/build/utils/generate_placeholder_ulid.d.ts.map +1 -1
- package/build/utils/generate_placeholder_ulid.js +2 -2
- package/build/utils/generate_placeholder_ulid.js.map +1 -1
- package/build/utils/group_messages.js +4 -1
- package/build/utils/group_messages.js.map +1 -1
- package/build/utils/request/get_messages.d.ts +18 -6
- package/build/utils/request/get_messages.d.ts.map +1 -1
- package/build/utils/request/get_messages.js +10 -12
- package/build/utils/request/get_messages.js.map +1 -1
- package/build/utils/ulid.d.ts +3 -0
- package/build/utils/ulid.d.ts.map +1 -0
- package/build/utils/ulid.js +7 -0
- package/build/utils/ulid.js.map +1 -0
- package/package.json +3 -3
- package/src/__tests__/hooks/paginator_meta.test.ts +73 -2
- package/src/__tests__/hooks/use_conversation_messages_jolt_events.test.ts +36 -0
- package/src/__tests__/hooks/use_direct_message_eligibility.test.tsx +83 -0
- package/src/__tests__/screens/conversation_new/components/services_form.test.tsx +91 -0
- package/src/__tests__/utils/gated_message_cache.test.ts +26 -0
- package/src/__tests__/utils/request/get_messages.test.ts +24 -0
- package/src/__tests__/utils/ulid.test.ts +15 -0
- package/src/components/conversation/__tests__/anchor_not_found_boundary.test.tsx +51 -0
- package/src/components/conversation/__tests__/message_list.test.tsx +42 -0
- package/src/components/conversation/anchor_not_found_boundary.tsx +21 -0
- package/src/components/conversation/message_form.tsx +4 -0
- package/src/components/conversation/message_list.tsx +58 -4
- package/src/hooks/index.ts +1 -0
- package/src/hooks/paginator_meta.ts +29 -5
- package/src/hooks/use_api.ts +4 -5
- package/src/hooks/use_conversation_messages.ts +43 -11
- package/src/hooks/use_conversation_messages_jolt_events.ts +57 -40
- package/src/hooks/use_direct_message_eligibility.ts +40 -0
- package/src/hooks/use_fetch_newer_messages.ts +37 -0
- package/src/hooks/use_fetch_newer_on_foreground.ts +25 -0
- package/src/hooks/use_mark_latest_message_read.ts +4 -3
- package/src/hooks/use_suspense_api.ts +4 -5
- package/src/screens/conversation_new/components/services_form.tsx +5 -5
- package/src/screens/conversation_screen.tsx +120 -17
- package/src/types/api_primitives.ts +2 -0
- package/src/types/resources/member.ts +1 -0
- package/src/utils/__tests__/group_messages.test.ts +29 -0
- package/src/utils/cache/__tests__/prepend_newer_page.test.ts +35 -0
- package/src/utils/cache/prepend_newer_page.ts +22 -0
- package/src/utils/client/types.ts +1 -0
- package/src/utils/gated_message_cache.ts +19 -0
- package/src/utils/generate_placeholder_ulid.ts +2 -2
- package/src/utils/group_messages.ts +4 -1
- package/src/utils/request/get_messages.ts +12 -14
- package/src/utils/ulid.ts +11 -0
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { c as _c } from "react/compiler-runtime";
|
|
2
2
|
import { date as formatDate } from '@planningcenter/datetime-fmt';
|
|
3
|
-
import
|
|
3
|
+
import { noop } from 'lodash';
|
|
4
|
+
import React, { useRef } from 'react';
|
|
4
5
|
import { FlatList, StyleSheet, View } from 'react-native';
|
|
5
6
|
import { useTheme } from '../../hooks';
|
|
6
7
|
import { getRelativeDateStatus } from '../../utils/date';
|
|
@@ -17,140 +18,225 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
17
18
|
* The inverted list of messages, reply previews, and date separators for a conversation
|
|
18
19
|
*/
|
|
19
20
|
export function MessageList(t0) {
|
|
20
|
-
const $ = _c(
|
|
21
|
+
const $ = _c(43);
|
|
21
22
|
const {
|
|
22
23
|
listRef,
|
|
23
24
|
conversation,
|
|
24
25
|
conversationId,
|
|
25
26
|
messages,
|
|
26
27
|
replyRootId,
|
|
28
|
+
anchorMessageId,
|
|
27
29
|
hasNextPage,
|
|
28
30
|
onEndReached,
|
|
29
31
|
onScroll,
|
|
30
32
|
onLayout,
|
|
31
33
|
onContentSizeChange,
|
|
32
34
|
onScrollEndDrag,
|
|
33
|
-
onMomentumScrollEnd
|
|
35
|
+
onMomentumScrollEnd,
|
|
36
|
+
onScrollBeginDrag,
|
|
37
|
+
onStartReached,
|
|
38
|
+
onStartReachedThreshold,
|
|
39
|
+
maintainVisibleContentPosition
|
|
34
40
|
} = t0;
|
|
35
41
|
const styles = useStyles();
|
|
36
42
|
const inReplyScreen = !!replyRootId;
|
|
37
43
|
const canDeleteNonAuthoredMessages = conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false;
|
|
38
44
|
const latestRead = conversation.latestReadMessageSortKey;
|
|
45
|
+
let messagesWithSeparators;
|
|
39
46
|
let t1;
|
|
40
|
-
if ($[0] !==
|
|
41
|
-
|
|
47
|
+
if ($[0] !== anchorMessageId || $[1] !== inReplyScreen || $[2] !== messages) {
|
|
48
|
+
messagesWithSeparators = groupMessages({
|
|
42
49
|
ms: messages,
|
|
43
50
|
inReplyScreen
|
|
44
51
|
});
|
|
45
|
-
|
|
46
|
-
$[
|
|
47
|
-
$[
|
|
52
|
+
t1 = anchorMessageId ? messagesWithSeparators.findIndex(item => item.id === anchorMessageId) : -1;
|
|
53
|
+
$[0] = anchorMessageId;
|
|
54
|
+
$[1] = inReplyScreen;
|
|
55
|
+
$[2] = messages;
|
|
56
|
+
$[3] = messagesWithSeparators;
|
|
57
|
+
$[4] = t1;
|
|
48
58
|
} else {
|
|
49
|
-
|
|
59
|
+
messagesWithSeparators = $[3];
|
|
60
|
+
t1 = $[4];
|
|
50
61
|
}
|
|
51
|
-
const
|
|
62
|
+
const anchorIndex = t1;
|
|
63
|
+
const layoutHeight = useRef(0);
|
|
64
|
+
const contentHeight = useRef(0);
|
|
65
|
+
const userHasScrolled = useRef(false);
|
|
52
66
|
let t2;
|
|
53
|
-
if ($[
|
|
54
|
-
t2 =
|
|
67
|
+
if ($[5] !== anchorIndex || $[6] !== listRef) {
|
|
68
|
+
t2 = () => {
|
|
69
|
+
if (anchorIndex < 0 || userHasScrolled.current) {
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current;
|
|
73
|
+
if (!scrollable) {
|
|
74
|
+
return;
|
|
75
|
+
}
|
|
76
|
+
listRef.current?.scrollToIndex({
|
|
77
|
+
index: anchorIndex,
|
|
78
|
+
viewPosition: 0,
|
|
79
|
+
animated: false
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
$[5] = anchorIndex;
|
|
83
|
+
$[6] = listRef;
|
|
84
|
+
$[7] = t2;
|
|
85
|
+
} else {
|
|
86
|
+
t2 = $[7];
|
|
87
|
+
}
|
|
88
|
+
const pinAnchorToBottomEdge = t2;
|
|
89
|
+
let t3;
|
|
90
|
+
if ($[8] !== onLayout || $[9] !== pinAnchorToBottomEdge) {
|
|
91
|
+
t3 = event => {
|
|
92
|
+
onLayout?.(event);
|
|
93
|
+
layoutHeight.current = event.nativeEvent.layout.height;
|
|
94
|
+
pinAnchorToBottomEdge();
|
|
95
|
+
};
|
|
96
|
+
$[8] = onLayout;
|
|
97
|
+
$[9] = pinAnchorToBottomEdge;
|
|
98
|
+
$[10] = t3;
|
|
99
|
+
} else {
|
|
100
|
+
t3 = $[10];
|
|
101
|
+
}
|
|
102
|
+
const handleLayout = t3;
|
|
103
|
+
let t4;
|
|
104
|
+
if ($[11] !== onContentSizeChange || $[12] !== pinAnchorToBottomEdge) {
|
|
105
|
+
t4 = (width, height) => {
|
|
106
|
+
onContentSizeChange?.(width, height);
|
|
107
|
+
contentHeight.current = height;
|
|
108
|
+
pinAnchorToBottomEdge();
|
|
109
|
+
};
|
|
110
|
+
$[11] = onContentSizeChange;
|
|
111
|
+
$[12] = pinAnchorToBottomEdge;
|
|
112
|
+
$[13] = t4;
|
|
113
|
+
} else {
|
|
114
|
+
t4 = $[13];
|
|
115
|
+
}
|
|
116
|
+
const handleContentSizeChange = t4;
|
|
117
|
+
let t5;
|
|
118
|
+
if ($[14] !== onScrollBeginDrag) {
|
|
119
|
+
t5 = event_0 => {
|
|
120
|
+
userHasScrolled.current = true;
|
|
121
|
+
onScrollBeginDrag?.(event_0);
|
|
122
|
+
};
|
|
123
|
+
$[14] = onScrollBeginDrag;
|
|
124
|
+
$[15] = t5;
|
|
125
|
+
} else {
|
|
126
|
+
t5 = $[15];
|
|
127
|
+
}
|
|
128
|
+
const handleScrollBeginDrag = t5;
|
|
129
|
+
let t6;
|
|
130
|
+
if ($[16] !== conversation || $[17] !== hasNextPage) {
|
|
131
|
+
t6 = hasNextPage ? null : /*#__PURE__*/_jsx(ConversationStartBanner, {
|
|
55
132
|
conversation: conversation,
|
|
56
133
|
hasMessages: true
|
|
57
134
|
});
|
|
58
|
-
$[
|
|
59
|
-
$[
|
|
60
|
-
$[
|
|
135
|
+
$[16] = conversation;
|
|
136
|
+
$[17] = hasNextPage;
|
|
137
|
+
$[18] = t6;
|
|
61
138
|
} else {
|
|
62
|
-
|
|
139
|
+
t6 = $[18];
|
|
63
140
|
}
|
|
64
|
-
let
|
|
65
|
-
if ($[
|
|
66
|
-
|
|
141
|
+
let t7;
|
|
142
|
+
if ($[19] !== canDeleteNonAuthoredMessages || $[20] !== conversationId || $[21] !== inReplyScreen || $[22] !== latestRead) {
|
|
143
|
+
t7 = t8 => {
|
|
67
144
|
const {
|
|
68
|
-
item:
|
|
69
|
-
} =
|
|
70
|
-
if (
|
|
145
|
+
item: item_1
|
|
146
|
+
} = t8;
|
|
147
|
+
if (item_1.type === "DateSeparator") {
|
|
71
148
|
return /*#__PURE__*/_jsx(InlineDateSeparator, {
|
|
72
|
-
...
|
|
149
|
+
...item_1
|
|
73
150
|
});
|
|
74
151
|
}
|
|
75
|
-
if (
|
|
152
|
+
if (item_1.type === "ReplyShadowMessage") {
|
|
76
153
|
return /*#__PURE__*/_jsx(ReplyShadowMessage, {
|
|
77
|
-
...
|
|
154
|
+
...item_1,
|
|
78
155
|
conversation_id: conversationId,
|
|
79
156
|
inReplyScreen: inReplyScreen
|
|
80
157
|
});
|
|
81
158
|
}
|
|
82
|
-
if (isSystemMessage(
|
|
159
|
+
if (isSystemMessage(item_1)) {
|
|
83
160
|
return /*#__PURE__*/_jsx(SystemMessage, {
|
|
84
|
-
message:
|
|
161
|
+
message: item_1,
|
|
85
162
|
conversationId: conversationId
|
|
86
163
|
});
|
|
87
164
|
}
|
|
88
|
-
const readByOthers =
|
|
165
|
+
const readByOthers = item_1.mine && !!latestRead && item_1.id <= latestRead;
|
|
89
166
|
return /*#__PURE__*/_jsx(Message, {
|
|
90
|
-
...
|
|
167
|
+
...item_1,
|
|
91
168
|
canDeleteNonAuthoredMessages: canDeleteNonAuthoredMessages,
|
|
92
169
|
conversation_id: conversationId,
|
|
93
170
|
readByOthers: readByOthers,
|
|
94
171
|
inReplyScreen: inReplyScreen
|
|
95
172
|
});
|
|
96
173
|
};
|
|
97
|
-
$[
|
|
98
|
-
$[
|
|
99
|
-
$[
|
|
100
|
-
$[
|
|
101
|
-
$[
|
|
174
|
+
$[19] = canDeleteNonAuthoredMessages;
|
|
175
|
+
$[20] = conversationId;
|
|
176
|
+
$[21] = inReplyScreen;
|
|
177
|
+
$[22] = latestRead;
|
|
178
|
+
$[23] = t7;
|
|
102
179
|
} else {
|
|
103
|
-
|
|
180
|
+
t7 = $[23];
|
|
104
181
|
}
|
|
105
|
-
let
|
|
106
|
-
if ($[
|
|
107
|
-
|
|
182
|
+
let t8;
|
|
183
|
+
if ($[24] !== styles.listHeader) {
|
|
184
|
+
t8 = /*#__PURE__*/_jsx(View, {
|
|
108
185
|
style: styles.listHeader
|
|
109
186
|
});
|
|
110
|
-
$[
|
|
111
|
-
$[
|
|
187
|
+
$[24] = styles.listHeader;
|
|
188
|
+
$[25] = t8;
|
|
112
189
|
} else {
|
|
113
|
-
|
|
190
|
+
t8 = $[25];
|
|
114
191
|
}
|
|
115
|
-
let
|
|
116
|
-
if ($[
|
|
117
|
-
|
|
192
|
+
let t9;
|
|
193
|
+
if ($[26] !== handleContentSizeChange || $[27] !== handleLayout || $[28] !== handleScrollBeginDrag || $[29] !== listRef || $[30] !== maintainVisibleContentPosition || $[31] !== messagesWithSeparators || $[32] !== onEndReached || $[33] !== onMomentumScrollEnd || $[34] !== onScroll || $[35] !== onScrollEndDrag || $[36] !== onStartReached || $[37] !== onStartReachedThreshold || $[38] !== styles.listContainer || $[39] !== t6 || $[40] !== t7 || $[41] !== t8) {
|
|
194
|
+
t9 = /*#__PURE__*/_jsx(FlatList, {
|
|
118
195
|
inverted: true,
|
|
119
196
|
ref: listRef,
|
|
120
197
|
contentContainerStyle: styles.listContainer,
|
|
121
198
|
data: messagesWithSeparators,
|
|
122
199
|
keyExtractor: _temp,
|
|
123
200
|
onScroll: onScroll,
|
|
124
|
-
onLayout:
|
|
125
|
-
onContentSizeChange:
|
|
201
|
+
onLayout: handleLayout,
|
|
202
|
+
onContentSizeChange: handleContentSizeChange,
|
|
203
|
+
onScrollToIndexFailed: noop,
|
|
126
204
|
onScrollEndDrag: onScrollEndDrag,
|
|
127
205
|
onMomentumScrollEnd: onMomentumScrollEnd,
|
|
128
206
|
scrollEventThrottle: 10,
|
|
129
|
-
ListFooterComponent:
|
|
130
|
-
renderItem:
|
|
207
|
+
ListFooterComponent: t6,
|
|
208
|
+
renderItem: t7,
|
|
131
209
|
onEndReached: onEndReached,
|
|
132
|
-
|
|
210
|
+
onScrollBeginDrag: handleScrollBeginDrag,
|
|
211
|
+
onStartReached: onStartReached,
|
|
212
|
+
onStartReachedThreshold: onStartReachedThreshold,
|
|
213
|
+
maintainVisibleContentPosition: maintainVisibleContentPosition,
|
|
214
|
+
ListHeaderComponent: t8
|
|
133
215
|
});
|
|
134
|
-
$[
|
|
135
|
-
$[
|
|
136
|
-
$[
|
|
137
|
-
$[
|
|
138
|
-
$[
|
|
139
|
-
$[
|
|
140
|
-
$[
|
|
141
|
-
$[
|
|
142
|
-
$[
|
|
143
|
-
$[
|
|
144
|
-
$[
|
|
145
|
-
$[
|
|
146
|
-
$[
|
|
216
|
+
$[26] = handleContentSizeChange;
|
|
217
|
+
$[27] = handleLayout;
|
|
218
|
+
$[28] = handleScrollBeginDrag;
|
|
219
|
+
$[29] = listRef;
|
|
220
|
+
$[30] = maintainVisibleContentPosition;
|
|
221
|
+
$[31] = messagesWithSeparators;
|
|
222
|
+
$[32] = onEndReached;
|
|
223
|
+
$[33] = onMomentumScrollEnd;
|
|
224
|
+
$[34] = onScroll;
|
|
225
|
+
$[35] = onScrollEndDrag;
|
|
226
|
+
$[36] = onStartReached;
|
|
227
|
+
$[37] = onStartReachedThreshold;
|
|
228
|
+
$[38] = styles.listContainer;
|
|
229
|
+
$[39] = t6;
|
|
230
|
+
$[40] = t7;
|
|
231
|
+
$[41] = t8;
|
|
232
|
+
$[42] = t9;
|
|
147
233
|
} else {
|
|
148
|
-
|
|
234
|
+
t9 = $[42];
|
|
149
235
|
}
|
|
150
|
-
return
|
|
236
|
+
return t9;
|
|
151
237
|
}
|
|
152
|
-
function _temp(
|
|
153
|
-
return
|
|
238
|
+
function _temp(item_0) {
|
|
239
|
+
return item_0.id;
|
|
154
240
|
}
|
|
155
241
|
function InlineDateSeparator(t0) {
|
|
156
242
|
const $ = _c(17);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message_list.js","names":["date","formatDate","React","FlatList","StyleSheet","View","useTheme","getRelativeDateStatus","groupMessages","CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL","isSystemMessage","Text","ConversationStartBanner","Message","ReplyShadowMessage","SystemMessage","jsx","_jsx","jsxs","_jsxs","MessageList","t0","$","_c","listRef","conversation","conversationId","messages","replyRootId","hasNextPage","onEndReached","onScroll","onLayout","onContentSizeChange","onScrollEndDrag","onMomentumScrollEnd","styles","useStyles","inReplyScreen","canDeleteNonAuthoredMessages","memberAbility","latestRead","latestReadMessageSortKey","t1","ms","messagesWithSeparators","t2","hasMessages","t3","t4","item","item_0","type","InlineDateSeparator","readByOthers","mine","id","listHeader","style","t5","listContainer","inverted","contentContainerStyle","keyExtractor","_temp","scrollEventThrottle","ListFooterComponent","renderItem","ListHeaderComponent","useDateSeparatorStyles","isThisYear","showYear","year","dateStamp","separator","dateText","variant","children","t6","container","theme","colors","borderColorDefaultBase","create","alignItems","flexDirection","paddingHorizontal","paddingVertical","flex","height","borderTopWidth","borderTopColor"],"sources":["../../../src/components/conversation/message_list.tsx"],"sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport React, { RefObject } from 'react'\nimport { FlatList, FlatListProps, StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { ConversationResource } from '../../types/resources/conversation'\nimport { MessageResource } from '../../types/resources/message'\nimport { getRelativeDateStatus } from '../../utils/date'\nimport { groupMessages, type DateSeparator, type EnrichedMessage } from '../../utils/group_messages'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles'\nimport { isSystemMessage } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { ConversationStartBanner } from './conversation_start_banner'\nimport { Message } from './message'\nimport { ReplyShadowMessage } from './reply_shadow_message'\nimport { SystemMessage } from './system_message'\n\ntype ScrollHandlers = Pick<\n FlatListProps<EnrichedMessage>,\n 'onScroll' | 'onLayout' | 'onContentSizeChange' | 'onScrollEndDrag' | 'onMomentumScrollEnd'\n>\n\ninterface MessageListProps extends ScrollHandlers {\n listRef: RefObject<FlatList | null>\n conversation: ConversationResource\n conversationId: number\n messages: MessageResource[]\n replyRootId?: string | null\n hasNextPage: boolean\n onEndReached: () => void\n}\n\n/** MessageList\n * The inverted list of messages, reply previews, and date separators for a conversation\n */\nexport function MessageList({\n listRef,\n conversation,\n conversationId,\n messages,\n replyRootId,\n hasNextPage,\n onEndReached,\n onScroll,\n onLayout,\n onContentSizeChange,\n onScrollEndDrag,\n onMomentumScrollEnd,\n}: MessageListProps) {\n const styles = useStyles()\n const inReplyScreen = !!replyRootId\n const canDeleteNonAuthoredMessages =\n conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false\n const latestRead = conversation.latestReadMessageSortKey\n const messagesWithSeparators = groupMessages({ ms: messages, inReplyScreen })\n\n return (\n <FlatList\n inverted\n ref={listRef}\n contentContainerStyle={styles.listContainer}\n data={messagesWithSeparators}\n keyExtractor={item => item.id}\n onScroll={onScroll}\n onLayout={onLayout}\n onContentSizeChange={onContentSizeChange}\n onScrollEndDrag={onScrollEndDrag}\n onMomentumScrollEnd={onMomentumScrollEnd}\n scrollEventThrottle={10}\n ListFooterComponent={\n hasNextPage ? null : (\n <ConversationStartBanner conversation={conversation} hasMessages={true} />\n )\n }\n renderItem={({ item }) => {\n if (item.type === 'DateSeparator') {\n return <InlineDateSeparator {...item} />\n }\n\n if (item.type === 'ReplyShadowMessage') {\n return (\n <ReplyShadowMessage\n {...(item as any)}\n conversation_id={conversationId}\n inReplyScreen={inReplyScreen}\n />\n )\n }\n\n if (isSystemMessage(item)) {\n return <SystemMessage message={item} conversationId={conversationId} />\n }\n\n const readByOthers = item.mine && !!latestRead && item.id <= latestRead\n return (\n <Message\n {...item}\n canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}\n conversation_id={conversationId}\n readByOthers={readByOthers}\n inReplyScreen={inReplyScreen}\n />\n )\n }}\n onEndReached={onEndReached}\n ListHeaderComponent={<View style={styles.listHeader} />}\n />\n )\n}\n\nfunction InlineDateSeparator({ date }: DateSeparator) {\n const styles = useDateSeparatorStyles()\n const { isThisYear } = getRelativeDateStatus(date)\n const showYear = !isThisYear\n const dateStamp = formatDate(date, { style: 'long', year: showYear })\n\n return (\n <View style={styles.container}>\n <View style={styles.separator} />\n <Text variant=\"footnote\" style={styles.dateText}>\n {dateStamp}\n </Text>\n <View style={styles.separator} />\n </View>\n )\n}\n\nconst useDateSeparatorStyles = () => {\n const theme = useTheme()\n return StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row',\n paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n paddingVertical: 16,\n },\n separator: {\n flex: 1,\n height: 1,\n borderTopWidth: 1,\n borderTopColor: theme.colors.borderColorDefaultBase,\n },\n dateText: {\n paddingHorizontal: 8,\n },\n })\n}\n\nconst useStyles = () =>\n StyleSheet.create({\n listContainer: {\n paddingVertical: 12,\n },\n listHeader: {\n // Just whitespace to provide space where the typing indicator can be\n height: 16,\n },\n })\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"message_list.js","names":["date","formatDate","noop","React","useRef","FlatList","StyleSheet","View","useTheme","getRelativeDateStatus","groupMessages","CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL","isSystemMessage","Text","ConversationStartBanner","Message","ReplyShadowMessage","SystemMessage","jsx","_jsx","jsxs","_jsxs","MessageList","t0","$","_c","listRef","conversation","conversationId","messages","replyRootId","anchorMessageId","hasNextPage","onEndReached","onScroll","onLayout","onContentSizeChange","onScrollEndDrag","onMomentumScrollEnd","onScrollBeginDrag","onStartReached","onStartReachedThreshold","maintainVisibleContentPosition","styles","useStyles","inReplyScreen","canDeleteNonAuthoredMessages","memberAbility","latestRead","latestReadMessageSortKey","messagesWithSeparators","t1","ms","findIndex","item","id","anchorIndex","layoutHeight","contentHeight","userHasScrolled","t2","current","scrollable","scrollToIndex","index","viewPosition","animated","pinAnchorToBottomEdge","t3","event","nativeEvent","layout","height","handleLayout","t4","width","handleContentSizeChange","t5","event_0","handleScrollBeginDrag","t6","hasMessages","t7","t8","item_1","type","InlineDateSeparator","readByOthers","mine","listHeader","style","t9","listContainer","inverted","contentContainerStyle","keyExtractor","_temp","scrollEventThrottle","ListFooterComponent","renderItem","ListHeaderComponent","item_0","useDateSeparatorStyles","isThisYear","showYear","year","dateStamp","separator","dateText","variant","children","container","theme","colors","borderColorDefaultBase","create","alignItems","flexDirection","paddingHorizontal","paddingVertical","flex","borderTopWidth","borderTopColor"],"sources":["../../../src/components/conversation/message_list.tsx"],"sourcesContent":["import { date as formatDate } from '@planningcenter/datetime-fmt'\nimport { noop } from 'lodash'\nimport React, { RefObject, useRef } from 'react'\nimport { FlatList, FlatListProps, StyleSheet, View } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { ConversationResource } from '../../types/resources/conversation'\nimport { MessageResource } from '../../types/resources/message'\nimport { getRelativeDateStatus } from '../../utils/date'\nimport { groupMessages, type DateSeparator, type EnrichedMessage } from '../../utils/group_messages'\nimport { CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL } from '../../utils/styles'\nimport { isSystemMessage } from '../../utils/system_messages'\nimport { Text } from '../display'\nimport { ConversationStartBanner } from './conversation_start_banner'\nimport { Message } from './message'\nimport { ReplyShadowMessage } from './reply_shadow_message'\nimport { SystemMessage } from './system_message'\n\ntype ScrollHandlers = Pick<\n FlatListProps<EnrichedMessage>,\n | 'onScroll'\n | 'onLayout'\n | 'onContentSizeChange'\n | 'onScrollEndDrag'\n | 'onMomentumScrollEnd'\n | 'onScrollBeginDrag'\n | 'onStartReached'\n | 'onStartReachedThreshold'\n | 'maintainVisibleContentPosition'\n>\n\ninterface MessageListProps extends ScrollHandlers {\n listRef: RefObject<FlatList | null>\n conversation: ConversationResource\n conversationId: number\n messages: MessageResource[]\n replyRootId?: string | null\n anchorMessageId?: string | null\n hasNextPage: boolean\n onEndReached: () => void\n}\n\n/** MessageList\n * The inverted list of messages, reply previews, and date separators for a conversation\n */\nexport function MessageList({\n listRef,\n conversation,\n conversationId,\n messages,\n replyRootId,\n anchorMessageId,\n hasNextPage,\n onEndReached,\n onScroll,\n onLayout,\n onContentSizeChange,\n onScrollEndDrag,\n onMomentumScrollEnd,\n onScrollBeginDrag,\n onStartReached,\n onStartReachedThreshold,\n maintainVisibleContentPosition,\n}: MessageListProps) {\n const styles = useStyles()\n const inReplyScreen = !!replyRootId\n const canDeleteNonAuthoredMessages =\n conversation.memberAbility?.canDeleteNonAuthoredMessages ?? false\n const latestRead = conversation.latestReadMessageSortKey\n const messagesWithSeparators = groupMessages({ ms: messages, inReplyScreen })\n const anchorIndex = anchorMessageId\n ? messagesWithSeparators.findIndex(item => item.id === anchorMessageId)\n : -1\n const layoutHeight = useRef(0)\n const contentHeight = useRef(0)\n const userHasScrolled = useRef(false)\n\n const pinAnchorToBottomEdge = () => {\n if (anchorIndex < 0 || userHasScrolled.current) return\n const scrollable = layoutHeight.current > 0 && contentHeight.current > layoutHeight.current\n if (!scrollable) return\n\n listRef.current?.scrollToIndex({ index: anchorIndex, viewPosition: 0, animated: false })\n }\n\n const handleLayout: FlatListProps<EnrichedMessage>['onLayout'] = event => {\n onLayout?.(event)\n layoutHeight.current = event.nativeEvent.layout.height\n pinAnchorToBottomEdge()\n }\n\n const handleContentSizeChange: FlatListProps<EnrichedMessage>['onContentSizeChange'] = (\n width,\n height\n ) => {\n onContentSizeChange?.(width, height)\n contentHeight.current = height\n pinAnchorToBottomEdge()\n }\n\n const handleScrollBeginDrag: FlatListProps<EnrichedMessage>['onScrollBeginDrag'] = event => {\n userHasScrolled.current = true\n onScrollBeginDrag?.(event)\n }\n\n return (\n <FlatList\n inverted\n ref={listRef}\n contentContainerStyle={styles.listContainer}\n data={messagesWithSeparators}\n keyExtractor={item => item.id}\n onScroll={onScroll}\n onLayout={handleLayout}\n onContentSizeChange={handleContentSizeChange}\n onScrollToIndexFailed={noop}\n onScrollEndDrag={onScrollEndDrag}\n onMomentumScrollEnd={onMomentumScrollEnd}\n scrollEventThrottle={10}\n ListFooterComponent={\n hasNextPage ? null : (\n <ConversationStartBanner conversation={conversation} hasMessages={true} />\n )\n }\n renderItem={({ item }) => {\n if (item.type === 'DateSeparator') {\n return <InlineDateSeparator {...item} />\n }\n\n if (item.type === 'ReplyShadowMessage') {\n return (\n <ReplyShadowMessage\n {...(item as any)}\n conversation_id={conversationId}\n inReplyScreen={inReplyScreen}\n />\n )\n }\n\n if (isSystemMessage(item)) {\n return <SystemMessage message={item} conversationId={conversationId} />\n }\n\n const readByOthers = item.mine && !!latestRead && item.id <= latestRead\n return (\n <Message\n {...item}\n canDeleteNonAuthoredMessages={canDeleteNonAuthoredMessages}\n conversation_id={conversationId}\n readByOthers={readByOthers}\n inReplyScreen={inReplyScreen}\n />\n )\n }}\n onEndReached={onEndReached}\n onScrollBeginDrag={handleScrollBeginDrag}\n onStartReached={onStartReached}\n onStartReachedThreshold={onStartReachedThreshold}\n maintainVisibleContentPosition={maintainVisibleContentPosition}\n ListHeaderComponent={<View style={styles.listHeader} />}\n />\n )\n}\n\nfunction InlineDateSeparator({ date }: DateSeparator) {\n const styles = useDateSeparatorStyles()\n const { isThisYear } = getRelativeDateStatus(date)\n const showYear = !isThisYear\n const dateStamp = formatDate(date, { style: 'long', year: showYear })\n\n return (\n <View style={styles.container}>\n <View style={styles.separator} />\n <Text variant=\"footnote\" style={styles.dateText}>\n {dateStamp}\n </Text>\n <View style={styles.separator} />\n </View>\n )\n}\n\nconst useDateSeparatorStyles = () => {\n const theme = useTheme()\n return StyleSheet.create({\n container: {\n alignItems: 'center',\n flexDirection: 'row',\n paddingHorizontal: CONVERSATION_MESSAGE_LIST_PADDING_HORIZONTAL,\n paddingVertical: 16,\n },\n separator: {\n flex: 1,\n height: 1,\n borderTopWidth: 1,\n borderTopColor: theme.colors.borderColorDefaultBase,\n },\n dateText: {\n paddingHorizontal: 8,\n },\n })\n}\n\nconst useStyles = () =>\n StyleSheet.create({\n listContainer: {\n paddingVertical: 12,\n },\n listHeader: {\n // Just whitespace to provide space where the typing indicator can be\n height: 16,\n },\n })\n"],"mappings":"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","ignoreList":[]}
|
package/build/hooks/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export * from './use_chat_permissions';
|
|
|
8
8
|
export * from './use_create_android_ripple_color';
|
|
9
9
|
export * from './use_current_person';
|
|
10
10
|
export * from './use_deleting_ids';
|
|
11
|
+
export * from './use_direct_message_eligibility';
|
|
11
12
|
export * from './use_direct_messages_eligible';
|
|
12
13
|
export * from './use_font_scale';
|
|
13
14
|
export * from './use_has_direct_messages';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,yCAAyC,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,cAAc,WAAW,CAAA;AACzB,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,mCAAmC,CAAA;AACjD,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kCAAkC,CAAA;AAChD,cAAc,gCAAgC,CAAA;AAC9C,cAAc,kBAAkB,CAAA;AAChC,cAAc,2BAA2B,CAAA;AACzC,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,+BAA+B,CAAA;AAC7C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,yBAAyB,CAAA;AACvC,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,aAAa,CAAA"}
|
package/build/hooks/index.js
CHANGED
|
@@ -8,6 +8,7 @@ export * from './use_chat_permissions';
|
|
|
8
8
|
export * from './use_create_android_ripple_color';
|
|
9
9
|
export * from './use_current_person';
|
|
10
10
|
export * from './use_deleting_ids';
|
|
11
|
+
export * from './use_direct_message_eligibility';
|
|
11
12
|
export * from './use_direct_messages_eligible';
|
|
12
13
|
export * from './use_font_scale';
|
|
13
14
|
export * from './use_has_direct_messages';
|
package/build/hooks/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["useApiClient"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './use_animated_message_background_color'\nexport { useApiClient } from './use_api_client'\nexport * from './use_api'\nexport * from './use_app_state'\nexport * from './use_async_storage'\nexport * from './use_at_font_scale_breakpoint'\nexport * from './use_chat_permissions'\nexport * from './use_create_android_ripple_color'\nexport * from './use_current_person'\nexport * from './use_deleting_ids'\nexport * from './use_direct_messages_eligible'\nexport * from './use_font_scale'\nexport * from './use_has_direct_messages'\nexport * from './use_groups_groups'\nexport * from './use_groups'\nexport * from './use_selected_chip_background_color'\nexport * from './use_interaction_tinted_background_color'\nexport * from './use_message_reaction_toggle'\nexport * from './use_new_conversation_entry'\nexport * from './use_organization'\nexport * from './use_people_person'\nexport * from './use_preview_avatar_diameter'\nexport * from './use_product_analytics'\nexport * from './use_qualified_by_age'\nexport * from './use_scalable_number_of_lines'\nexport * from './use_submit_age_check'\nexport * from './use_suspense_api'\nexport * from './use_theme'\n"],"mappings":"AAAA,cAAc,yCAAyC;AACvD,SAASA,YAAY,QAAQ,kBAAkB;AAC/C,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,gCAAgC;AAC9C,cAAc,wBAAwB;AACtC,cAAc,mCAAmC;AACjD,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,gCAAgC;AAC9C,cAAc,kBAAkB;AAChC,cAAc,2BAA2B;AACzC,cAAc,qBAAqB;AACnC,cAAc,cAAc;AAC5B,cAAc,sCAAsC;AACpD,cAAc,2CAA2C;AACzD,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B;AAC5C,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,+BAA+B;AAC7C,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,gCAAgC;AAC9C,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,aAAa","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["useApiClient"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export * from './use_animated_message_background_color'\nexport { useApiClient } from './use_api_client'\nexport * from './use_api'\nexport * from './use_app_state'\nexport * from './use_async_storage'\nexport * from './use_at_font_scale_breakpoint'\nexport * from './use_chat_permissions'\nexport * from './use_create_android_ripple_color'\nexport * from './use_current_person'\nexport * from './use_deleting_ids'\nexport * from './use_direct_message_eligibility'\nexport * from './use_direct_messages_eligible'\nexport * from './use_font_scale'\nexport * from './use_has_direct_messages'\nexport * from './use_groups_groups'\nexport * from './use_groups'\nexport * from './use_selected_chip_background_color'\nexport * from './use_interaction_tinted_background_color'\nexport * from './use_message_reaction_toggle'\nexport * from './use_new_conversation_entry'\nexport * from './use_organization'\nexport * from './use_people_person'\nexport * from './use_preview_avatar_diameter'\nexport * from './use_product_analytics'\nexport * from './use_qualified_by_age'\nexport * from './use_scalable_number_of_lines'\nexport * from './use_submit_age_check'\nexport * from './use_suspense_api'\nexport * from './use_theme'\n"],"mappings":"AAAA,cAAc,yCAAyC;AACvD,SAASA,YAAY,QAAQ,kBAAkB;AAC/C,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,qBAAqB;AACnC,cAAc,gCAAgC;AAC9C,cAAc,wBAAwB;AACtC,cAAc,mCAAmC;AACjD,cAAc,sBAAsB;AACpC,cAAc,oBAAoB;AAClC,cAAc,kCAAkC;AAChD,cAAc,gCAAgC;AAC9C,cAAc,kBAAkB;AAChC,cAAc,2BAA2B;AACzC,cAAc,qBAAqB;AACnC,cAAc,cAAc;AAC5B,cAAc,sCAAsC;AACpD,cAAc,2CAA2C;AACzD,cAAc,+BAA+B;AAC7C,cAAc,8BAA8B;AAC5C,cAAc,oBAAoB;AAClC,cAAc,qBAAqB;AACnC,cAAc,+BAA+B;AAC7C,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,gCAAgC;AAC9C,cAAc,wBAAwB;AACtC,cAAc,oBAAoB;AAClC,cAAc,aAAa","ignoreList":[]}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { NextPageCursor } from '../types/api_primitives';
|
|
1
|
+
import { ApiCollection, NextPageCursor, ResourceObject } from '../types/api_primitives';
|
|
2
2
|
import { RequestData } from '../utils/client';
|
|
3
3
|
export declare const getNextPageParamFromMeta: (next?: NextPageCursor) => Partial<RequestData> | undefined;
|
|
4
|
+
export declare const mergePageWhere: (argsWhere?: RequestData["where"], pageWhere?: RequestData["where"]) => RequestData["where"];
|
|
5
|
+
export declare const getNewerPageParam: (page: ApiCollection<ResourceObject>, pageParam: Partial<RequestData> | undefined) => Partial<RequestData> | undefined;
|
|
4
6
|
//# sourceMappingURL=paginator_meta.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paginator_meta.d.ts","sourceRoot":"","sources":["../../src/hooks/paginator_meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;
|
|
1
|
+
{"version":3,"file":"paginator_meta.d.ts","sourceRoot":"","sources":["../../src/hooks/paginator_meta.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,eAAO,MAAM,wBAAwB,GACnC,OAAM,cAAmB,KACxB,OAAO,CAAC,WAAW,CAAC,GAAG,SAOzB,CAAA;AAOD,eAAO,MAAM,cAAc,GACzB,YAAW,WAAW,CAAC,OAAO,CAAM,EACpC,YAAW,WAAW,CAAC,OAAO,CAAM,KACnC,WAAW,CAAC,OAAO,CAMrB,CAAA;AAED,eAAO,MAAM,iBAAiB,GAC5B,MAAM,aAAa,CAAC,cAAc,CAAC,EACnC,WAAW,OAAO,CAAC,WAAW,CAAC,GAAG,SAAS,KAC1C,OAAO,CAAC,WAAW,CAAC,GAAG,SAGzB,CAAA"}
|
|
@@ -1,27 +1,44 @@
|
|
|
1
1
|
export const getNextPageParamFromMeta = (next = {}) => {
|
|
2
|
-
if (next.idLt) return {
|
|
2
|
+
if (next.idLt) return withOrder({
|
|
3
3
|
where: {
|
|
4
4
|
id_lt: next.idLt
|
|
5
5
|
}
|
|
6
|
-
};
|
|
7
|
-
if (next.idGt) return {
|
|
6
|
+
}, next.order);
|
|
7
|
+
if (next.idGt) return withOrder({
|
|
8
8
|
where: {
|
|
9
9
|
id_gt: next.idGt
|
|
10
10
|
}
|
|
11
|
-
};
|
|
12
|
-
if (next.idLte) return {
|
|
11
|
+
}, next.order);
|
|
12
|
+
if (next.idLte) return withOrder({
|
|
13
13
|
where: {
|
|
14
14
|
id_lte: next.idLte
|
|
15
15
|
}
|
|
16
|
-
};
|
|
17
|
-
if (next.idGte) return {
|
|
16
|
+
}, next.order);
|
|
17
|
+
if (next.idGte) return withOrder({
|
|
18
18
|
where: {
|
|
19
19
|
id_gte: next.idGte
|
|
20
20
|
}
|
|
21
|
-
};
|
|
21
|
+
}, next.order);
|
|
22
22
|
if (next.offset) return {
|
|
23
23
|
offset: Number(next.offset)
|
|
24
24
|
};
|
|
25
25
|
return undefined;
|
|
26
26
|
};
|
|
27
|
+
const withOrder = (param, order) => order ? {
|
|
28
|
+
...param,
|
|
29
|
+
order
|
|
30
|
+
} : param;
|
|
31
|
+
const BOUND_KEYS = ['id_lt', 'id_lte', 'id_gt', 'id_gte', 'id_around'];
|
|
32
|
+
export const mergePageWhere = (argsWhere = {}, pageWhere = {}) => {
|
|
33
|
+
const pageHasCursor = BOUND_KEYS.some(key => key in pageWhere);
|
|
34
|
+
const base = pageHasCursor ? Object.fromEntries(Object.entries(argsWhere).filter(([key]) => !BOUND_KEYS.includes(key))) : argsWhere;
|
|
35
|
+
return {
|
|
36
|
+
...base,
|
|
37
|
+
...pageWhere
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
export const getNewerPageParam = (page, pageParam) => {
|
|
41
|
+
const isAscendingPage = pageParam?.order === 'asc';
|
|
42
|
+
return getNextPageParamFromMeta(isAscendingPage ? page.meta?.next : page.meta?.prev);
|
|
43
|
+
};
|
|
27
44
|
//# sourceMappingURL=paginator_meta.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"paginator_meta.js","names":["getNextPageParamFromMeta","next","idLt","where","id_lt","idGt","id_gt","idLte","id_lte","idGte","id_gte","offset","Number","undefined"],"sources":["../../src/hooks/paginator_meta.ts"],"sourcesContent":["import { NextPageCursor } from '../types/api_primitives'\nimport { RequestData } from '../utils/client'\n\nexport const getNextPageParamFromMeta = (\n next: NextPageCursor = {}\n): Partial<RequestData> | undefined => {\n if (next.idLt) return { where: { id_lt: next.idLt } }\n if (next.idGt) return { where: { id_gt: next.idGt } }\n if (next.idLte) return { where: { id_lte: next.idLte } }\n if (next.idGte) return { where: { id_gte: next.idGte } }\n if (next.offset) return { offset: Number(next.offset) }\n return undefined\n}\n"],"mappings":"AAGA,OAAO,MAAMA,wBAAwB,GAAGA,CACtCC,IAAoB,GAAG,CAAC,CAAC,KACY;EACrC,IAAIA,IAAI,CAACC,IAAI,EAAE,
|
|
1
|
+
{"version":3,"file":"paginator_meta.js","names":["getNextPageParamFromMeta","next","idLt","withOrder","where","id_lt","order","idGt","id_gt","idLte","id_lte","idGte","id_gte","offset","Number","undefined","param","BOUND_KEYS","mergePageWhere","argsWhere","pageWhere","pageHasCursor","some","key","base","Object","fromEntries","entries","filter","includes","getNewerPageParam","page","pageParam","isAscendingPage","meta","prev"],"sources":["../../src/hooks/paginator_meta.ts"],"sourcesContent":["import { ApiCollection, NextPageCursor, ResourceObject } from '../types/api_primitives'\nimport { RequestData } from '../utils/client'\n\nexport const getNextPageParamFromMeta = (\n next: NextPageCursor = {}\n): Partial<RequestData> | undefined => {\n if (next.idLt) return withOrder({ where: { id_lt: next.idLt } }, next.order)\n if (next.idGt) return withOrder({ where: { id_gt: next.idGt } }, next.order)\n if (next.idLte) return withOrder({ where: { id_lte: next.idLte } }, next.order)\n if (next.idGte) return withOrder({ where: { id_gte: next.idGte } }, next.order)\n if (next.offset) return { offset: Number(next.offset) }\n return undefined\n}\n\nconst withOrder = (param: Partial<RequestData>, order: NextPageCursor['order']) =>\n order ? { ...param, order } : param\n\nconst BOUND_KEYS = ['id_lt', 'id_lte', 'id_gt', 'id_gte', 'id_around']\n\nexport const mergePageWhere = (\n argsWhere: RequestData['where'] = {},\n pageWhere: RequestData['where'] = {}\n): RequestData['where'] => {\n const pageHasCursor = BOUND_KEYS.some(key => key in pageWhere)\n const base = pageHasCursor\n ? Object.fromEntries(Object.entries(argsWhere).filter(([key]) => !BOUND_KEYS.includes(key)))\n : argsWhere\n return { ...base, ...pageWhere }\n}\n\nexport const getNewerPageParam = (\n page: ApiCollection<ResourceObject>,\n pageParam: Partial<RequestData> | undefined\n): Partial<RequestData> | undefined => {\n const isAscendingPage = pageParam?.order === 'asc'\n return getNextPageParamFromMeta(isAscendingPage ? page.meta?.next : page.meta?.prev)\n}\n"],"mappings":"AAGA,OAAO,MAAMA,wBAAwB,GAAGA,CACtCC,IAAoB,GAAG,CAAC,CAAC,KACY;EACrC,IAAIA,IAAI,CAACC,IAAI,EAAE,OAAOC,SAAS,CAAC;IAAEC,KAAK,EAAE;MAAEC,KAAK,EAAEJ,IAAI,CAACC;IAAK;EAAE,CAAC,EAAED,IAAI,CAACK,KAAK,CAAC;EAC5E,IAAIL,IAAI,CAACM,IAAI,EAAE,OAAOJ,SAAS,CAAC;IAAEC,KAAK,EAAE;MAAEI,KAAK,EAAEP,IAAI,CAACM;IAAK;EAAE,CAAC,EAAEN,IAAI,CAACK,KAAK,CAAC;EAC5E,IAAIL,IAAI,CAACQ,KAAK,EAAE,OAAON,SAAS,CAAC;IAAEC,KAAK,EAAE;MAAEM,MAAM,EAAET,IAAI,CAACQ;IAAM;EAAE,CAAC,EAAER,IAAI,CAACK,KAAK,CAAC;EAC/E,IAAIL,IAAI,CAACU,KAAK,EAAE,OAAOR,SAAS,CAAC;IAAEC,KAAK,EAAE;MAAEQ,MAAM,EAAEX,IAAI,CAACU;IAAM;EAAE,CAAC,EAAEV,IAAI,CAACK,KAAK,CAAC;EAC/E,IAAIL,IAAI,CAACY,MAAM,EAAE,OAAO;IAAEA,MAAM,EAAEC,MAAM,CAACb,IAAI,CAACY,MAAM;EAAE,CAAC;EACvD,OAAOE,SAAS;AAClB,CAAC;AAED,MAAMZ,SAAS,GAAGA,CAACa,KAA2B,EAAEV,KAA8B,KAC5EA,KAAK,GAAG;EAAE,GAAGU,KAAK;EAAEV;AAAM,CAAC,GAAGU,KAAK;AAErC,MAAMC,UAAU,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,CAAC;AAEtE,OAAO,MAAMC,cAAc,GAAGA,CAC5BC,SAA+B,GAAG,CAAC,CAAC,EACpCC,SAA+B,GAAG,CAAC,CAAC,KACX;EACzB,MAAMC,aAAa,GAAGJ,UAAU,CAACK,IAAI,CAACC,GAAG,IAAIA,GAAG,IAAIH,SAAS,CAAC;EAC9D,MAAMI,IAAI,GAAGH,aAAa,GACtBI,MAAM,CAACC,WAAW,CAACD,MAAM,CAACE,OAAO,CAACR,SAAS,CAAC,CAACS,MAAM,CAAC,CAAC,CAACL,GAAG,CAAC,KAAK,CAACN,UAAU,CAACY,QAAQ,CAACN,GAAG,CAAC,CAAC,CAAC,GAC1FJ,SAAS;EACb,OAAO;IAAE,GAAGK,IAAI;IAAE,GAAGJ;EAAU,CAAC;AAClC,CAAC;AAED,OAAO,MAAMU,iBAAiB,GAAGA,CAC/BC,IAAmC,EACnCC,SAA2C,KACN;EACrC,MAAMC,eAAe,GAAGD,SAAS,EAAE1B,KAAK,KAAK,KAAK;EAClD,OAAON,wBAAwB,CAACiC,eAAe,GAAGF,IAAI,CAACG,IAAI,EAAEjC,IAAI,GAAG8B,IAAI,CAACG,IAAI,EAAEC,IAAI,CAAC;AACtF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA8B,MAAM,uBAAuB,CAAA;AAGhF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,UAAU,EAAe,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAsB,MAAM,yBAAyB,CAAA;AAE3E,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAGpD,UAAU,aAAc,SAAQ,UAAU;IACxC,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,CAAA;CAC7D,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACnE,MAAM,aAAa,EACnB,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB1B,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,EACtD,MAAM,aAAa,EACnB,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"use_api.d.ts","sourceRoot":"","sources":["../../src/hooks/use_api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA8B,MAAM,uBAAuB,CAAA;AAGhF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACrE,OAAO,EAAE,UAAU,EAAe,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAsB,MAAM,yBAAyB,CAAA;AAE3E,OAAO,EAAE,GAAG,EAAgB,MAAM,kBAAkB,CAAA;AAGpD,UAAU,aAAc,SAAQ,UAAU;IACxC,GAAG,CAAC,EAAE,GAAG,CAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC,CAAA;CAC7D,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACnE,MAAM,aAAa,EACnB,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsB1B,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,cAAc,EACtD,MAAM,aAAa,EACnB,OAAO,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B1B,CAAA"}
|
package/build/hooks/use_api.js
CHANGED
|
@@ -3,7 +3,7 @@ import { useInfiniteQuery, useQuery } from '@tanstack/react-query';
|
|
|
3
3
|
import { useContext } from 'react';
|
|
4
4
|
import { ChatContext } from '../contexts/chat_context';
|
|
5
5
|
import { throwResponseError } from '../utils/response_error';
|
|
6
|
-
import { getNextPageParamFromMeta } from './paginator_meta';
|
|
6
|
+
import { getNextPageParamFromMeta, mergePageWhere } from './paginator_meta';
|
|
7
7
|
import { useApiClient } from './use_api_client';
|
|
8
8
|
import { getRequestQueryKey } from './use_suspense_api';
|
|
9
9
|
export const useApiGet = (args, opts) => {
|
|
@@ -106,18 +106,15 @@ export const useApiPaginator = (args, opts) => {
|
|
|
106
106
|
const {
|
|
107
107
|
pageParam
|
|
108
108
|
} = t2;
|
|
109
|
-
const
|
|
110
|
-
const argsWhere = args.data.where || {};
|
|
111
|
-
const where = {
|
|
112
|
-
...argsWhere,
|
|
113
|
-
...pageParmWhere
|
|
114
|
-
};
|
|
109
|
+
const where = mergePageWhere(args.data.where, pageParam?.where);
|
|
115
110
|
const app = args.app || "chat";
|
|
116
111
|
const offset = pageParam?.offset || args.data.offset;
|
|
112
|
+
const order = pageParam?.order || args.data.order;
|
|
117
113
|
const data = {
|
|
118
114
|
...args.data,
|
|
119
115
|
where,
|
|
120
|
-
offset
|
|
116
|
+
offset,
|
|
117
|
+
order
|
|
121
118
|
};
|
|
122
119
|
return apiClient[app].get({
|
|
123
120
|
url: args.url,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_api.js","names":["useInfiniteQuery","useQuery","useContext","ChatContext","throwResponseError","getNextPageParamFromMeta","useApiClient","getRequestQueryKey","useApiGet","args","opts","$","_c","session","apiClient","enabled","token","access_token","t0","t1","t2","queryKey","url","d","headers","t3","app","undefined","get","data","catch","queryFn","query","t4","useApiPaginator","pageParam","
|
|
1
|
+
{"version":3,"file":"use_api.js","names":["useInfiniteQuery","useQuery","useContext","ChatContext","throwResponseError","getNextPageParamFromMeta","mergePageWhere","useApiClient","getRequestQueryKey","useApiGet","args","opts","$","_c","session","apiClient","enabled","token","access_token","t0","t1","t2","queryKey","url","d","headers","t3","app","undefined","get","data","catch","queryFn","query","t4","useApiPaginator","pageParam","where","offset","order","Symbol","for","initialPageParam","getNextPageParam","_temp","t5","pages","flatMap","_temp2","data_0","t6","lastPage","meta","next","page"],"sources":["../../src/hooks/use_api.ts"],"sourcesContent":["import { InfiniteData, useInfiniteQuery, useQuery } from '@tanstack/react-query'\nimport { useContext } from 'react'\nimport { ChatContext } from '../contexts/chat_context'\nimport { ApiCollection, ApiResource, ResourceObject } from '../types'\nimport { GetRequest, RequestData } from '../utils/client'\nimport { ResponseError, throwResponseError } from '../utils/response_error'\nimport { getNextPageParamFromMeta, mergePageWhere } from './paginator_meta'\nimport { App, useApiClient } from './use_api_client'\nimport { getRequestQueryKey, RequestQueryKey } from './use_suspense_api'\n\ninterface ApiGetOptions extends GetRequest {\n app?: App\n}\n\nexport type ApiGetQueryOptions = {\n staleTime?: number\n gcTime?: number\n enabled?: boolean\n throwOnError?: boolean | ((error: ResponseError) => boolean)\n}\n\nexport const useApiGet = <T extends ResourceObject | ResourceObject[]>(\n args: ApiGetOptions,\n opts?: ApiGetQueryOptions\n) => {\n type Resource = ApiResource<T>\n const { session } = useContext(ChatContext)\n const apiClient = useApiClient()\n\n const enabled = !!session.token?.access_token && (opts?.enabled ?? true)\n\n const { data, ...query } = useQuery<Resource, ResponseError>({\n queryKey: getRequestQueryKey(args),\n queryFn: ({ queryKey }) => {\n const [url, d, headers, app = 'chat'] = queryKey as RequestQueryKey\n\n return (apiClient[app].get({ url, data: d, headers }) as Promise<Resource>).catch(\n throwResponseError\n )\n },\n ...opts,\n enabled,\n })\n\n return { ...data, ...query }\n}\n\nexport const useApiPaginator = <T extends ResourceObject>(\n args: ApiGetOptions,\n opts?: ApiGetQueryOptions\n) => {\n const { session } = useContext(ChatContext)\n const apiClient = useApiClient()\n const enabled = !!session.token?.access_token && (opts?.enabled ?? true)\n const query = useInfiniteQuery<\n ApiCollection<T>,\n ResponseError,\n InfiniteData<ApiCollection<T>>,\n any,\n Partial<RequestData> | undefined\n >({\n queryKey: getRequestQueryKey(args),\n queryFn: ({ pageParam }) => {\n const where = mergePageWhere(args.data.where, pageParam?.where)\n const app = args.app || 'chat'\n const offset = pageParam?.offset || args.data.offset\n const order = pageParam?.order || args.data.order\n const data = { ...args.data, where, offset, order }\n\n return apiClient[app].get<ApiCollection<T>>({ url: args.url, data }).catch(throwResponseError)\n },\n initialPageParam: {} as Partial<RequestData>,\n getNextPageParam: lastPage => getNextPageParamFromMeta(lastPage.meta?.next),\n ...(opts || {}),\n enabled,\n })\n\n const data: T[] = query.data?.pages?.flatMap(page => page.data) || []\n\n return { ...query, data }\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import { MessageResource } from '../types';
|
|
2
2
|
import { SuspensePaginatorOptions } from './use_suspense_api';
|
|
3
|
-
|
|
3
|
+
type Options = {
|
|
4
4
|
conversation_id: number;
|
|
5
5
|
reply_root_id?: string | null;
|
|
6
|
-
|
|
6
|
+
anchor?: string | null;
|
|
7
|
+
};
|
|
8
|
+
export declare const useConversationMessages: ({ conversation_id, reply_root_id, anchor }: Options, opts?: SuspensePaginatorOptions) => {
|
|
7
9
|
messages: MessageResource[];
|
|
8
10
|
refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
|
|
9
11
|
isRefetching: boolean;
|
|
10
12
|
fetchNextPage: (options?: import("@tanstack/query-core").FetchNextPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
|
|
11
13
|
hasNextPage: boolean;
|
|
14
|
+
fetchPreviousPage: (options?: import("@tanstack/query-core").FetchPreviousPageOptions) => Promise<import("@tanstack/query-core").InfiniteQueryObserverResult<import("@tanstack/query-core").InfiniteData<import("..").ApiCollection<MessageResource>, unknown>, Response>>;
|
|
15
|
+
hasPreviousPage: boolean;
|
|
16
|
+
isFetchingPreviousPage: boolean;
|
|
12
17
|
queryKey: import("./use_suspense_api").RequestQueryKey;
|
|
13
18
|
};
|
|
19
|
+
export {};
|
|
14
20
|
//# sourceMappingURL=use_conversation_messages.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"use_conversation_messages.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_messages.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAI1C,OAAO,EAAE,wBAAwB,EAAwB,MAAM,oBAAoB,CAAA;AAEnF,KAAK,OAAO,GAAG;IACb,eAAe,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,4CAA4C,OAAO,EACnD,OAAO,wBAAwB;;;;;;;;;;CAiDhC,CAAA"}
|