@droppii-org/chat-mobile 0.2.78 → 0.2.80
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/lib/module/components/messages/BubbleTail.js +31 -0
- package/lib/module/components/messages/BubbleTail.js.map +1 -0
- package/lib/module/components/messages/BubbleTailRow.js +46 -0
- package/lib/module/components/messages/BubbleTailRow.js.map +1 -0
- package/lib/module/components/messages/bubbleTail.utils.js +19 -0
- package/lib/module/components/messages/bubbleTail.utils.js.map +1 -0
- package/lib/module/components/messages/fileMessage/index.js +72 -65
- package/lib/module/components/messages/fileMessage/index.js.map +1 -1
- package/lib/module/components/messages/imageMessage/index.js +23 -17
- package/lib/module/components/messages/imageMessage/index.js.map +1 -1
- package/lib/module/components/messages/linkMessage/index.js +11 -23
- package/lib/module/components/messages/linkMessage/index.js.map +1 -1
- package/lib/module/components/messages/mergedMessage/index.js +14 -7
- package/lib/module/components/messages/mergedMessage/index.js.map +1 -1
- package/lib/module/components/messages/quotedMessage/index.js +11 -23
- package/lib/module/components/messages/quotedMessage/index.js.map +1 -1
- package/lib/module/components/messages/revokedMessage/index.js +14 -7
- package/lib/module/components/messages/revokedMessage/index.js.map +1 -1
- package/lib/module/components/messages/stickerMessage/index.js +13 -7
- package/lib/module/components/messages/stickerMessage/index.js.map +1 -1
- package/lib/module/components/messages/textMessage/index.js +11 -26
- package/lib/module/components/messages/textMessage/index.js.map +1 -1
- package/lib/module/components/messages/types.js.map +1 -1
- package/lib/module/components/messages/videoMessage/index.js +16 -8
- package/lib/module/components/messages/videoMessage/index.js.map +1 -1
- package/lib/module/core/useChatListener.js +11 -0
- package/lib/module/core/useChatListener.js.map +1 -1
- package/lib/module/hooks/groups/useDismissGroup.js +2 -1
- package/lib/module/hooks/groups/useDismissGroup.js.map +1 -1
- package/lib/module/hooks/groups/useGroupAccessGuard.js +145 -0
- package/lib/module/hooks/groups/useGroupAccessGuard.js.map +1 -0
- package/lib/module/screens/ChatInfo/ChatInfoDescriptionRow.js +4 -1
- package/lib/module/screens/ChatInfo/ChatInfoDescriptionRow.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetail.js +12 -10
- package/lib/module/screens/chat-detail/ChatDetail.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatDetailHeader.js +3 -9
- package/lib/module/screens/chat-detail/ChatDetailHeader.js.map +1 -1
- package/lib/module/screens/chat-detail/ChatListLegend.js +71 -21
- package/lib/module/screens/chat-detail/ChatListLegend.js.map +1 -1
- package/lib/module/screens/chat-detail/legend/LegendChatDay.js +8 -2
- package/lib/module/screens/chat-detail/legend/LegendChatDay.js.map +1 -1
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js +38 -13
- package/lib/module/screens/chat-detail/legend/LegendChatMessage.js.map +1 -1
- package/lib/module/screens/inbox/CommunityTab.js +5 -2
- package/lib/module/screens/inbox/CommunityTab.js.map +1 -1
- package/lib/module/screens/inbox/MessagesTab.js +2 -2
- package/lib/module/screens/inbox/MessagesTab.js.map +1 -1
- package/lib/module/store/conversation.js +18 -20
- package/lib/module/store/conversation.js.map +1 -1
- package/lib/module/translation/resources/i18n.js +4 -1
- package/lib/module/translation/resources/i18n.js.map +1 -1
- package/lib/module/utils/conversation.js +4 -1
- package/lib/module/utils/conversation.js.map +1 -1
- package/lib/module/utils/legendListMessage.js +86 -12
- package/lib/module/utils/legendListMessage.js.map +1 -1
- package/lib/module/utils/message.js +19 -1
- package/lib/module/utils/message.js.map +1 -1
- package/lib/module/utils/messageUtils.js +7 -1
- package/lib/module/utils/messageUtils.js.map +1 -1
- package/lib/typescript/src/components/messages/BubbleTail.d.ts +13 -0
- package/lib/typescript/src/components/messages/BubbleTail.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/BubbleTailRow.d.ts +25 -0
- package/lib/typescript/src/components/messages/BubbleTailRow.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/bubbleTail.utils.d.ts +11 -0
- package/lib/typescript/src/components/messages/bubbleTail.utils.d.ts.map +1 -0
- package/lib/typescript/src/components/messages/fileMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/fileMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/imageMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/imageMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/linkMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/linkMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/mergedMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/mergedMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/quotedMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/revokedMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/revokedMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/stickerMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/stickerMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/textMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/textMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/types.d.ts +3 -0
- package/lib/typescript/src/components/messages/types.d.ts.map +1 -1
- package/lib/typescript/src/components/messages/videoMessage/index.d.ts +1 -1
- package/lib/typescript/src/components/messages/videoMessage/index.d.ts.map +1 -1
- package/lib/typescript/src/core/useChatListener.d.ts.map +1 -1
- package/lib/typescript/src/hooks/groups/useDismissGroup.d.ts.map +1 -1
- package/lib/typescript/src/hooks/groups/useGroupAccessGuard.d.ts +10 -0
- package/lib/typescript/src/hooks/groups/useGroupAccessGuard.d.ts.map +1 -0
- package/lib/typescript/src/screens/ChatInfo/ChatInfoDescriptionRow.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetail.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetailHeader.d.ts +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatDetailHeader.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/ChatListLegend.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatDay.d.ts +6 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatDay.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts +14 -1
- package/lib/typescript/src/screens/chat-detail/legend/LegendChatMessage.d.ts.map +1 -1
- package/lib/typescript/src/screens/chat-detail/types.d.ts +0 -1
- package/lib/typescript/src/screens/chat-detail/types.d.ts.map +1 -1
- package/lib/typescript/src/store/conversation.d.ts.map +1 -1
- package/lib/typescript/src/translation/resources/i18n.d.ts.map +1 -1
- package/lib/typescript/src/utils/conversation.d.ts.map +1 -1
- package/lib/typescript/src/utils/legendListMessage.d.ts +19 -4
- package/lib/typescript/src/utils/legendListMessage.d.ts.map +1 -1
- package/lib/typescript/src/utils/message.d.ts +17 -0
- package/lib/typescript/src/utils/message.d.ts.map +1 -1
- package/lib/typescript/src/utils/messageUtils.d.ts +1 -0
- package/lib/typescript/src/utils/messageUtils.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/messages/BubbleTail.tsx +35 -0
- package/src/components/messages/BubbleTailRow.tsx +64 -0
- package/src/components/messages/bubbleTail.utils.ts +21 -0
- package/src/components/messages/fileMessage/index.tsx +90 -83
- package/src/components/messages/imageMessage/index.tsx +26 -23
- package/src/components/messages/linkMessage/index.tsx +6 -18
- package/src/components/messages/mergedMessage/index.tsx +27 -15
- package/src/components/messages/quotedMessage/index.tsx +7 -19
- package/src/components/messages/revokedMessage/index.tsx +23 -14
- package/src/components/messages/stickerMessage/index.tsx +16 -11
- package/src/components/messages/textMessage/index.tsx +6 -22
- package/src/components/messages/types.ts +3 -0
- package/src/components/messages/videoMessage/index.tsx +13 -10
- package/src/core/useChatListener.ts +14 -0
- package/src/hooks/groups/useDismissGroup.tsx +1 -0
- package/src/hooks/groups/useGroupAccessGuard.ts +182 -0
- package/src/screens/ChatInfo/ChatInfoDescriptionRow.tsx +5 -1
- package/src/screens/chat-detail/ChatDetail.tsx +11 -13
- package/src/screens/chat-detail/ChatDetailHeader.tsx +2 -6
- package/src/screens/chat-detail/ChatListLegend.tsx +97 -28
- package/src/screens/chat-detail/legend/LegendChatDay.tsx +25 -15
- package/src/screens/chat-detail/legend/LegendChatMessage.tsx +62 -12
- package/src/screens/chat-detail/types.ts +0 -1
- package/src/screens/inbox/CommunityTab.tsx +2 -2
- package/src/screens/inbox/MessagesTab.tsx +1 -1
- package/src/store/conversation.ts +14 -18
- package/src/translation/resources/i18n.ts +4 -0
- package/src/utils/conversation.ts +6 -3
- package/src/utils/legendListMessage.ts +123 -14
- package/src/utils/message.ts +19 -1
- package/src/utils/messageUtils.ts +9 -1
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { DeviceEventEmitter } from 'react-native';
|
|
5
|
+
import OpenIMSDK, { GroupStatus, GroupVisibility } from '@droppii/openim-rn-client-sdk';
|
|
6
|
+
import { useQueryClient } from '@tanstack/react-query';
|
|
7
|
+
import { UIUtils } from "../../utils/UIUtils.js";
|
|
8
|
+
import { trans } from "../../translation/index.js";
|
|
9
|
+
import { ChatEvent } from "../../types/events.js";
|
|
10
|
+
import { conversationQueryKeys } from "../query-keys.js";
|
|
11
|
+
/**
|
|
12
|
+
* Resolves whether the current user may open `groupID`, per the group-access
|
|
13
|
+
* spec: private non-members and dismissed groups are blocked outright, while
|
|
14
|
+
* public non-members drop to a read-only view.
|
|
15
|
+
*/
|
|
16
|
+
const evaluateAccess = async groupID => {
|
|
17
|
+
const info = (await OpenIMSDK.getSpecifiedGroupsInfo([groupID]))?.[0];
|
|
18
|
+
if (!info) return {
|
|
19
|
+
state: 'blocked'
|
|
20
|
+
};
|
|
21
|
+
if (info.status === GroupStatus.Dismissed) return {
|
|
22
|
+
state: 'blocked'
|
|
23
|
+
};
|
|
24
|
+
const isMember = await OpenIMSDK.isJoinGroup(groupID);
|
|
25
|
+
if (isMember) return {
|
|
26
|
+
state: 'allowed'
|
|
27
|
+
};
|
|
28
|
+
return info.visibility === GroupVisibility.Public ? {
|
|
29
|
+
state: 'view-only'
|
|
30
|
+
} : {
|
|
31
|
+
state: 'blocked'
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
export const useGroupAccessGuard = ({
|
|
35
|
+
groupID,
|
|
36
|
+
onBlocked
|
|
37
|
+
}) => {
|
|
38
|
+
const queryClient = useQueryClient();
|
|
39
|
+
|
|
40
|
+
// The conversation is dropped from the store immediately before GroupRemoved
|
|
41
|
+
// is emitted, so `groupID` can fall back to empty exactly when the guard
|
|
42
|
+
// needs it. Latch the last known id; it is replaced whenever the caller
|
|
43
|
+
// supplies a different non-empty one. (A group → 1-1 switch inside a single
|
|
44
|
+
// mount would keep the stale id, but ChatDetail remounts per conversation.)
|
|
45
|
+
const groupIdRef = useRef(groupID);
|
|
46
|
+
if (groupID) groupIdRef.current = groupID;
|
|
47
|
+
const activeGroupId = groupIdRef.current;
|
|
48
|
+
const [accessState, setAccessState] = useState(() => activeGroupId ? 'checking' : 'allowed');
|
|
49
|
+
|
|
50
|
+
// OnGroupDismissed fires twice for the group owner (once on API success,
|
|
51
|
+
// once when the WS notification lands), so blocking must be idempotent.
|
|
52
|
+
const hasBlockedRef = useRef(false);
|
|
53
|
+
const onBlockedRef = useRef(onBlocked);
|
|
54
|
+
onBlockedRef.current = onBlocked;
|
|
55
|
+
const block = useCallback(() => {
|
|
56
|
+
if (hasBlockedRef.current) return;
|
|
57
|
+
hasBlockedRef.current = true;
|
|
58
|
+
setAccessState('blocked');
|
|
59
|
+
UIUtils.alert.open({
|
|
60
|
+
title: trans('group:access_blocked_title'),
|
|
61
|
+
message: trans('group:access_blocked_desc'),
|
|
62
|
+
primaryIndex: 0,
|
|
63
|
+
buttonType: 'horizontal-button',
|
|
64
|
+
// Drop any alert raised while this one is up rather than stacking it —
|
|
65
|
+
// OnGroupDismissed fires twice for the group owner.
|
|
66
|
+
ignoreStack: true,
|
|
67
|
+
// Force an acknowledgement: dismissing by tapping outside would leave the
|
|
68
|
+
// user sitting in a conversation they cannot access.
|
|
69
|
+
touchOutsideToDismiss: false,
|
|
70
|
+
buttons: [{
|
|
71
|
+
label: trans('group:access_blocked_button'),
|
|
72
|
+
kind: 'primary',
|
|
73
|
+
onPress: () => onBlockedRef.current()
|
|
74
|
+
}]
|
|
75
|
+
});
|
|
76
|
+
}, []);
|
|
77
|
+
const applyResult = useCallback(result => {
|
|
78
|
+
if (result.state === 'blocked') {
|
|
79
|
+
block();
|
|
80
|
+
return;
|
|
81
|
+
}
|
|
82
|
+
setAccessState(result.state);
|
|
83
|
+
}, [block]);
|
|
84
|
+
|
|
85
|
+
// Pre-access check.
|
|
86
|
+
useEffect(() => {
|
|
87
|
+
if (!activeGroupId) {
|
|
88
|
+
setAccessState('allowed');
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
let cancelled = false;
|
|
92
|
+
hasBlockedRef.current = false;
|
|
93
|
+
setAccessState('checking');
|
|
94
|
+
evaluateAccess(activeGroupId).then(result => {
|
|
95
|
+
if (cancelled) return;
|
|
96
|
+
applyResult(result);
|
|
97
|
+
}).catch(error => {
|
|
98
|
+
console.error('useGroupAccessGuard: access check failed', error);
|
|
99
|
+
// A failed lookup is not proof of lost access — leave the screen open
|
|
100
|
+
// rather than ejecting the user on a transient SDK error.
|
|
101
|
+
if (!cancelled) setAccessState('allowed');
|
|
102
|
+
});
|
|
103
|
+
return () => {
|
|
104
|
+
cancelled = true;
|
|
105
|
+
};
|
|
106
|
+
}, [activeGroupId, applyResult]);
|
|
107
|
+
|
|
108
|
+
// Membership lost while the screen is open.
|
|
109
|
+
useEffect(() => {
|
|
110
|
+
if (!activeGroupId) return;
|
|
111
|
+
const sub = DeviceEventEmitter.addListener(ChatEvent.GroupRemoved, payload => {
|
|
112
|
+
if (payload.groupID !== activeGroupId) return;
|
|
113
|
+
|
|
114
|
+
// A dismissed group is gone for everyone — no need to re-check.
|
|
115
|
+
if (payload.reason === 'dismissed') {
|
|
116
|
+
block();
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
// Left or kicked. `reason` cannot tell the two apart — OnJoinedGroupDeleted
|
|
121
|
+
// reports both as 'left' — so decide on visibility instead: a public group
|
|
122
|
+
// stays readable, a private one does not.
|
|
123
|
+
evaluateAccess(activeGroupId).then(applyResult).catch(() => block());
|
|
124
|
+
});
|
|
125
|
+
return () => sub.remove();
|
|
126
|
+
}, [activeGroupId, block, applyResult]);
|
|
127
|
+
|
|
128
|
+
// The composer derives membership from the joinedGroup query alone, never
|
|
129
|
+
// from this hook. Refresh that query whenever the guard's own verdict flips
|
|
130
|
+
// so the two cannot disagree.
|
|
131
|
+
const isViewOnly = accessState === 'view-only';
|
|
132
|
+
const wasViewOnlyRef = useRef(isViewOnly);
|
|
133
|
+
useEffect(() => {
|
|
134
|
+
if (wasViewOnlyRef.current === isViewOnly) return;
|
|
135
|
+
wasViewOnlyRef.current = isViewOnly;
|
|
136
|
+
if (!activeGroupId) return;
|
|
137
|
+
queryClient.invalidateQueries({
|
|
138
|
+
queryKey: conversationQueryKeys.joinedGroup(activeGroupId)
|
|
139
|
+
});
|
|
140
|
+
}, [isViewOnly, activeGroupId, queryClient]);
|
|
141
|
+
return {
|
|
142
|
+
isCheckingAccess: accessState === 'checking'
|
|
143
|
+
};
|
|
144
|
+
};
|
|
145
|
+
//# sourceMappingURL=useGroupAccessGuard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","useState","DeviceEventEmitter","OpenIMSDK","GroupStatus","GroupVisibility","useQueryClient","UIUtils","trans","ChatEvent","conversationQueryKeys","evaluateAccess","groupID","info","getSpecifiedGroupsInfo","state","status","Dismissed","isMember","isJoinGroup","visibility","Public","useGroupAccessGuard","onBlocked","queryClient","groupIdRef","current","activeGroupId","accessState","setAccessState","hasBlockedRef","onBlockedRef","block","alert","open","title","message","primaryIndex","buttonType","ignoreStack","touchOutsideToDismiss","buttons","label","kind","onPress","applyResult","result","cancelled","then","catch","error","console","sub","addListener","GroupRemoved","payload","reason","remove","isViewOnly","wasViewOnlyRef","invalidateQueries","queryKey","joinedGroup","isCheckingAccess"],"sourceRoot":"../../../../src","sources":["hooks/groups/useGroupAccessGuard.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { memo, useCallback, useState } from 'react';
|
|
3
|
+
import { memo, useCallback, useEffect, useState } from 'react';
|
|
4
4
|
import { StyleSheet } from 'react-native';
|
|
5
5
|
import { KContainer, KLabel, KColors } from '@droppii/libs';
|
|
6
6
|
import { trans } from "../../translation/index.js";
|
|
@@ -30,6 +30,9 @@ const ChatInfoDescriptionRow = /*#__PURE__*/memo(({
|
|
|
30
30
|
typo: 'TextMdMedium',
|
|
31
31
|
paddingH: '0.75rem'
|
|
32
32
|
};
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
setDisplayedText(introduction);
|
|
35
|
+
}, [introduction]);
|
|
33
36
|
if (!introduction) {
|
|
34
37
|
return null;
|
|
35
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useCallback","useState","StyleSheet","KContainer","KLabel","KColors","trans","GroupDescriptionModal","useChatDetailContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EXTRA_TEXT_LENGTH","MAX_LINES","ChatInfoDescriptionRow","groupName","introduction","groupInfo","modalVisible","setModalVisible","handlePressDescription","handleCloseDescription","isTruncated","setIsTruncated","displayedText","setDisplayedText","handleTextLayout","event","isTextTruncated","nativeEvent","lines","length","slice","map","line","text","join","textProps","color","gray","dark","typo","paddingH","children","View","background","white","br","marginH","marginT","paddingV","Text","style","styles","hiddenText","numberOfLines","onTextLayout","VisibleView","visible","primary","normal","onPress","onClose","create","position","opacity","zIndex"],"sourceRoot":"../../../../src","sources":["screens/ChatInfo/ChatInfoDescriptionRow.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useEffect","useState","StyleSheet","KContainer","KLabel","KColors","trans","GroupDescriptionModal","useChatDetailContext","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","EXTRA_TEXT_LENGTH","MAX_LINES","ChatInfoDescriptionRow","groupName","introduction","groupInfo","modalVisible","setModalVisible","handlePressDescription","handleCloseDescription","isTruncated","setIsTruncated","displayedText","setDisplayedText","handleTextLayout","event","isTextTruncated","nativeEvent","lines","length","slice","map","line","text","join","textProps","color","gray","dark","typo","paddingH","children","View","background","white","br","marginH","marginT","paddingV","Text","style","styles","hiddenText","numberOfLines","onTextLayout","VisibleView","visible","primary","normal","onPress","onClose","create","position","opacity","zIndex"],"sourceRoot":"../../../../src","sources":["screens/ChatInfo/ChatInfoDescriptionRow.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -23,6 +23,7 @@ import { useMessages } from "../../hooks/message/useMessages.js";
|
|
|
23
23
|
import { ChatEvent } from "../../types/events.js";
|
|
24
24
|
import { useSetIsShowFLashMessage } from "../../context/global.js";
|
|
25
25
|
import { useJoinGroup } from "../../hooks/groups/useJoinGroup.js";
|
|
26
|
+
import { useGroupAccessGuard } from "../../hooks/groups/useGroupAccessGuard.js";
|
|
26
27
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
27
28
|
const ChatDetail = /*#__PURE__*/memo(({
|
|
28
29
|
targetConversationId = '',
|
|
@@ -95,13 +96,15 @@ const ChatDetail = /*#__PURE__*/memo(({
|
|
|
95
96
|
setShowFLashMessage(true);
|
|
96
97
|
};
|
|
97
98
|
}, [conversationId, targetUserId, targetGroupId, setShowFLashMessage]);
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
99
|
+
const handleAccessBlocked = useCallback(() => {
|
|
100
|
+
(onBack ?? handleBackDefault)();
|
|
101
|
+
}, [onBack, handleBackDefault]);
|
|
102
|
+
const {
|
|
103
|
+
isCheckingAccess
|
|
104
|
+
} = useGroupAccessGuard({
|
|
105
|
+
groupID: conversation?.groupID || targetGroupId,
|
|
106
|
+
onBlocked: handleAccessBlocked
|
|
107
|
+
});
|
|
105
108
|
const resolvedShowAddMember = showAddMember ?? shouldShowAddMember(conversation);
|
|
106
109
|
const insets = useSafeAreaInsets();
|
|
107
110
|
const listRef = useRef(null);
|
|
@@ -152,8 +155,7 @@ const ChatDetail = /*#__PURE__*/memo(({
|
|
|
152
155
|
onPressSearch: onPressSearch,
|
|
153
156
|
onPressAddMember: onPressAddMember,
|
|
154
157
|
onPressMenu: handlePressMenu,
|
|
155
|
-
onPressAvatar: handlePressMenu
|
|
156
|
-
targetGroupId: targetGroupId
|
|
158
|
+
onPressAvatar: handlePressMenu
|
|
157
159
|
}), /*#__PURE__*/_jsx(PinnedMessageBar, {
|
|
158
160
|
messages: pinnedMessages,
|
|
159
161
|
currentUserId: currentUser?.userID,
|
|
@@ -162,7 +164,7 @@ const ChatDetail = /*#__PURE__*/memo(({
|
|
|
162
164
|
messages: messages,
|
|
163
165
|
conversationId: conversationId,
|
|
164
166
|
customMessageItemFactory: customMessageItemFactory,
|
|
165
|
-
isLoading: initLoading || isLoadingConversation,
|
|
167
|
+
isLoading: initLoading || isLoadingConversation || isCheckingAccess,
|
|
166
168
|
onLoadMoreOld: getMoreOldMessages,
|
|
167
169
|
hasMoreOld: hasMoreOld,
|
|
168
170
|
moreOldLoading: moreOldLoading,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useCallback","useEffect","useRef","DeviceEventEmitter","useKeyboardScrollToEnd","useSafeAreaInsets","KContainer","useNavigation","usePinMessage","PinnedMessageBar","openPinnedMessagesSheet","MediaViewerModal","useConversation","useConversationStore","useUserStore","ChatDetailHeader","ChatListLegend","ChatComposer","shouldShowAddMember","normalizeUrl","MessageToolboxOverlay","useGetConversationDetail","useGetConversationTarget","GroupJoinSource","useMessages","ChatEvent","useSetIsShowFLashMessage","useJoinGroup","jsx","_jsx","jsxs","_jsxs","ChatDetail","targetConversationId","targetUserId","targetGroupId","targetBotId","targetMessageId","showAddMember","onBack","onPressSearch","onPressAddMember","onPressMenu","onPressUrl","customMessageItemFactory","pannelActions","groupJoinSource","navigation","mediaViewerRef","messageToolboxRef","currentUser","s","user","conversationId","isLoading","isLoadingConversation","conversation","data","target","isComposeDisabled","isActive","handleBackDefault","goBack","handleMediaPress","items","index","current","show","messages","initLoading","moreOldLoading","moreNewLoading","getMoreOldMessages","getMoreNewMessages","hasMoreOld","hasMoreNew","startClientMsgId","mutate","joinGroup","isPending","isJoiningGroup","setShowFLashMessage","pinnedMessages","pinMessage","unpinMessage","getState","setCurrentConversation","undefined","
|
|
1
|
+
{"version":3,"names":["memo","useCallback","useEffect","useRef","DeviceEventEmitter","useKeyboardScrollToEnd","useSafeAreaInsets","KContainer","useNavigation","usePinMessage","PinnedMessageBar","openPinnedMessagesSheet","MediaViewerModal","useConversation","useConversationStore","useUserStore","ChatDetailHeader","ChatListLegend","ChatComposer","shouldShowAddMember","normalizeUrl","MessageToolboxOverlay","useGetConversationDetail","useGetConversationTarget","GroupJoinSource","useMessages","ChatEvent","useSetIsShowFLashMessage","useJoinGroup","useGroupAccessGuard","jsx","_jsx","jsxs","_jsxs","ChatDetail","targetConversationId","targetUserId","targetGroupId","targetBotId","targetMessageId","showAddMember","onBack","onPressSearch","onPressAddMember","onPressMenu","onPressUrl","customMessageItemFactory","pannelActions","groupJoinSource","navigation","mediaViewerRef","messageToolboxRef","currentUser","s","user","conversationId","isLoading","isLoadingConversation","conversation","data","target","isComposeDisabled","isActive","handleBackDefault","goBack","handleMediaPress","items","index","current","show","messages","initLoading","moreOldLoading","moreNewLoading","getMoreOldMessages","getMoreNewMessages","hasMoreOld","hasMoreNew","startClientMsgId","mutate","joinGroup","isPending","isJoiningGroup","setShowFLashMessage","pinnedMessages","pinMessage","unpinMessage","getState","setCurrentConversation","undefined","handleAccessBlocked","isCheckingAccess","groupID","onBlocked","resolvedShowAddMember","insets","listRef","freeze","scrollMessageToEnd","handlePressUrl","url","handleMessageLongPress","message","rect","handlePressPinnedMessageBar","currentUserId","userID","onPressMessage","emit","ScrollToMessage","clientMessageId","clientMsgID","handlePressMenu","handlePressJoinGroup","reqMsg","joinSource","Search","groupName","showName","Page","flex","edges","children","onPressAvatar","onPress","onLoadMoreOld","onLoadMoreNew","onMediaPress","onLongPress","keyboardOffset","bottom","isEmptyMessage","length","onPressJoinGroup","ref","onPinMessage","onUnpinMessage","displayName"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatDetail.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,8 +6,8 @@ import { AvatarSection } from "../../components/ThreadCard/AvatarSection.js";
|
|
|
6
6
|
import { NamePrefixIcon } from "../../components/ThreadCard/NamePrefixIcon.js";
|
|
7
7
|
import { getConversationSubtitle } from "./conversationHeader.utils.js";
|
|
8
8
|
import { useGetUsersInfo } from "../../hooks/users/useGetUsersInfo.js";
|
|
9
|
-
import { useGetConversationDetail } from "../../hooks/conversation/useGetConversationDetail.js";
|
|
10
9
|
import { useChatDetailContext } from "../../context/index.js";
|
|
10
|
+
import { useConversation } from "../../store/index.js";
|
|
11
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
12
|
const ChatDetailHeader = /*#__PURE__*/memo(({
|
|
13
13
|
showAddMember = false,
|
|
@@ -17,15 +17,9 @@ const ChatDetailHeader = /*#__PURE__*/memo(({
|
|
|
17
17
|
onPressSearch,
|
|
18
18
|
onPressAddMember,
|
|
19
19
|
onPressMenu,
|
|
20
|
-
onPressAvatar
|
|
21
|
-
targetGroupId
|
|
20
|
+
onPressAvatar
|
|
22
21
|
}) => {
|
|
23
|
-
const
|
|
24
|
-
conversationData: conversation
|
|
25
|
-
} = useGetConversationDetail({
|
|
26
|
-
targetGroupId,
|
|
27
|
-
targetUserId: targetUserId
|
|
28
|
-
});
|
|
22
|
+
const conversation = useConversation(conversationId);
|
|
29
23
|
const {
|
|
30
24
|
data: usersInfo
|
|
31
25
|
} = useGetUsersInfo(targetUserId ? [targetUserId] : []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["memo","useMemo","KNavigation","KContainer","KImage","KLabel","KColors","AvatarSection","NamePrefixIcon","getConversationSubtitle","useGetUsersInfo","
|
|
1
|
+
{"version":3,"names":["memo","useMemo","KNavigation","KContainer","KImage","KLabel","KColors","AvatarSection","NamePrefixIcon","getConversationSubtitle","useGetUsersInfo","useChatDetailContext","useConversation","jsx","_jsx","jsxs","_jsxs","ChatDetailHeader","showAddMember","conversationId","targetUserId","onBack","onPressSearch","onPressAddMember","onPressMenu","onPressAvatar","conversation","data","usersInfo","memberCount","groupInfo","faceURL","showName","userInfo","resolvedFaceURL","resolvedShowName","nickname","rightButtons","buttons","id","index","icon","vectorName","onPress","undefined","splice","leftNode","View","row","alignItems","flex","marginR","children","Touchable","height","width","center","VectorIcons","name","size","color","primary","normal","activeOpacity","avatar","fullName","peerType","members","marginL","Text","typo","gray","dark","numberOfLines","palette","w500","Header","theme","alignment","disableCenterSpace","initRightButtons","shadow","displayName"],"sourceRoot":"../../../../src","sources":["screens/chat-detail/ChatDetailHeader.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ import { KeyboardAwareLegendList } from '@legendapp/list/keyboard';
|
|
|
7
7
|
import { LegendList } from '@legendapp/list/react-native';
|
|
8
8
|
import { KContainer, KColors, KSpacingValue, KLabel, KRadiusValue, KImage } from '@droppii/libs';
|
|
9
9
|
import { precomputeLegendListData } from "../../utils/legendListMessage.js";
|
|
10
|
+
import { getMessageRenderId } from "../../utils/message.js";
|
|
10
11
|
import { LegendChatMessage } from "./legend/LegendChatMessage.js";
|
|
11
12
|
import { LegendChatDay } from "./legend/LegendChatDay.js";
|
|
12
13
|
import { LegendChatLoadEarlier } from "./legend/LegendChatLoadEarlier.js";
|
|
@@ -19,18 +20,23 @@ import { ChatEvent } from "../../types/events.js";
|
|
|
19
20
|
import { useMessageStore } from "../../store/message.js";
|
|
20
21
|
import { useChatContext } from "../../context/index.js";
|
|
21
22
|
import { messageStyles } from "./legend/messageTypes.js";
|
|
22
|
-
import { MessageType } from '@droppii/openim-rn-client-sdk';
|
|
23
|
+
import { MessageType, PeerType } from '@droppii/openim-rn-client-sdk';
|
|
23
24
|
import { useUserStore } from "../../store/index.js";
|
|
24
25
|
import { ChatMessageAPI } from "../../services/index.js";
|
|
25
26
|
import { resolveImageDisplayDims } from "../../components/messages/imageMessage/index.js";
|
|
26
27
|
import { STICKER_SIZE } from "../../components/messages/stickerMessage/index.js";
|
|
27
28
|
import ChatImageDimens, { CHAT_IMAGE_VIEW_SOURCE } from "../../utils/chatImageDimens.js";
|
|
28
29
|
|
|
29
|
-
//
|
|
30
|
-
//
|
|
31
|
-
//
|
|
30
|
+
// Cluster spacing: a wide gap after the message that closes a cluster, a tight
|
|
31
|
+
// one between messages inside it. These override the flat margin on the row
|
|
32
|
+
// wrapper (`messageRowLeft`/`messageRowRight` in `components/messages/styles.ts`),
|
|
33
|
+
// which adds only a bottom margin and no vertical padding — so a fixed-size
|
|
34
|
+
// item's true rendered height stays `content height + this margin`, and
|
|
35
|
+
// getFixedItemSize can keep folding it in.
|
|
32
36
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
33
|
-
const
|
|
37
|
+
const ROW_MARGIN_CLUSTER_END = KSpacingValue['0.5rem'];
|
|
38
|
+
const ROW_MARGIN_IN_CLUSTER = KSpacingValue['0.25rem'];
|
|
39
|
+
const getRowMarginBottom = position => position === 'last' || position === 'solo' ? ROW_MARGIN_CLUSTER_END : ROW_MARGIN_IN_CLUSTER;
|
|
34
40
|
|
|
35
41
|
// KeyboardAwareLegendList auto scroll when modal opened
|
|
36
42
|
// TODO: Convert toolbox to absolute view
|
|
@@ -57,11 +63,19 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
57
63
|
const currentUserId = useUserStore(s => s.user?.userID);
|
|
58
64
|
const windowWidth = useWindowDimensions().width;
|
|
59
65
|
// Precompute all message data in single pass (O(n))
|
|
60
|
-
const messageDataMap = useMemo(() => precomputeLegendListData(messages), [messages]);
|
|
61
66
|
const {
|
|
62
67
|
isBotConversation,
|
|
63
|
-
conversationFlow
|
|
68
|
+
conversationFlow,
|
|
69
|
+
conversation
|
|
64
70
|
} = useChatDetailContext();
|
|
71
|
+
|
|
72
|
+
// Avatar and sender name only appear in real group chats — a bot thread is
|
|
73
|
+
// a Group session too, but reads as a single counterpart.
|
|
74
|
+
const isGroupConversation = conversation?.peerType === PeerType.Group && !isBotConversation;
|
|
75
|
+
const messageDataMap = useMemo(() => precomputeLegendListData(messages, {
|
|
76
|
+
isBotConversation,
|
|
77
|
+
currentUserId
|
|
78
|
+
}), [messages, isBotConversation, currentUserId]);
|
|
65
79
|
const {
|
|
66
80
|
retryMessage
|
|
67
81
|
} = useSendMessage();
|
|
@@ -114,27 +128,35 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
114
128
|
const isOutgoing = message.sendID === currentUserId;
|
|
115
129
|
const isLastMessage = (message.clientMsgID || message.serverMsgID) === lastMessageId;
|
|
116
130
|
const isLastIncoming = !isOutgoing && isLastMessage;
|
|
117
|
-
const messageId = message
|
|
131
|
+
const messageId = getMessageRenderId(message, index);
|
|
118
132
|
const messageData = messageDataMap.get(messageId);
|
|
119
133
|
if (!messageData) {
|
|
120
134
|
return null;
|
|
121
135
|
}
|
|
122
136
|
const {
|
|
123
137
|
dayStart,
|
|
124
|
-
|
|
138
|
+
timeBreak,
|
|
139
|
+
createdAt,
|
|
140
|
+
groupPosition
|
|
125
141
|
} = messageData;
|
|
142
|
+
const showSenderGutter = isGroupConversation && !isOutgoing;
|
|
143
|
+
const showName = showSenderGutter && (groupPosition === 'first' || groupPosition === 'solo');
|
|
144
|
+
const showAvatar = showSenderGutter && (groupPosition === 'last' || groupPosition === 'solo');
|
|
126
145
|
let flowInputButtonsNodes = [];
|
|
127
146
|
if ((isLastMessage && conversationFlow?.havingBotMessage === false || isLastIncoming) && isBotConversation) {
|
|
128
147
|
flowInputButtonsNodes = getFlowInputButtonsNodes(conversationFlow?.flowCurrentStep);
|
|
129
148
|
}
|
|
130
149
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
131
|
-
children: [dayStart && /*#__PURE__*/_jsx(LegendChatDay, {
|
|
132
|
-
createdAt: createdAt
|
|
150
|
+
children: [(dayStart || timeBreak) && /*#__PURE__*/_jsx(LegendChatDay, {
|
|
151
|
+
createdAt: createdAt,
|
|
152
|
+
timeOnly: !dayStart
|
|
133
153
|
}), /*#__PURE__*/_jsx(KContainer.View, {
|
|
134
154
|
ref: node => {
|
|
135
155
|
if (node) rowRefsMap.current.set(messageId, node);else rowRefsMap.current.delete(messageId);
|
|
136
156
|
},
|
|
137
|
-
style: isOutgoing ? messageStyles.messageRowRight : messageStyles.messageRowLeft,
|
|
157
|
+
style: [isOutgoing ? messageStyles.messageRowRight : messageStyles.messageRowLeft, {
|
|
158
|
+
marginBottom: getRowMarginBottom(groupPosition)
|
|
159
|
+
}],
|
|
138
160
|
collapsable: false,
|
|
139
161
|
children: /*#__PURE__*/_jsx(LegendChatMessage, {
|
|
140
162
|
message: message,
|
|
@@ -145,7 +167,11 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
145
167
|
onRetry: retryMessage,
|
|
146
168
|
onLongPress: onLongPress ? () => handleMessageLongPress(messageId, message) : undefined,
|
|
147
169
|
customMessageItemFactory: customMessageItemFactory,
|
|
148
|
-
isHighlighted: highlightedId === messageId
|
|
170
|
+
isHighlighted: highlightedId === messageId,
|
|
171
|
+
showName: showName,
|
|
172
|
+
showAvatar: showAvatar,
|
|
173
|
+
showSenderGutter: showSenderGutter,
|
|
174
|
+
groupPosition: groupPosition
|
|
149
175
|
})
|
|
150
176
|
}), flowInputButtonsNodes && flowInputButtonsNodes.length > 0 && /*#__PURE__*/_jsx(InputButtonFlow, {
|
|
151
177
|
nodeData: flowInputButtonsNodes,
|
|
@@ -163,7 +189,7 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
163
189
|
})
|
|
164
190
|
});
|
|
165
191
|
}
|
|
166
|
-
}, [currentUserId, lastMessageId, messageDataMap, isBotConversation, onMediaPress, onPressUrl, onLongPress, handleMessageLongPress, customMessageItemFactory, onResetFlow, onRunFlow, conversationFlow?.flowCurrentStep, conversationFlow?.havingBotMessage, retryMessage, highlightedId]);
|
|
192
|
+
}, [currentUserId, lastMessageId, messageDataMap, isGroupConversation, isBotConversation, onMediaPress, onPressUrl, onLongPress, handleMessageLongPress, customMessageItemFactory, onResetFlow, onRunFlow, conversationFlow?.flowCurrentStep, conversationFlow?.havingBotMessage, retryMessage, highlightedId]);
|
|
167
193
|
|
|
168
194
|
// const maintainScrollConfig = useMemo(
|
|
169
195
|
// () => ({
|
|
@@ -209,8 +235,18 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
209
235
|
// guessing wrong here is a permanent regression, not just an approximation.
|
|
210
236
|
const getFixedItemSize = useCallback((item, index) => {
|
|
211
237
|
const message = item;
|
|
212
|
-
const messageId = message
|
|
213
|
-
|
|
238
|
+
const messageId = getMessageRenderId(message, index);
|
|
239
|
+
const messageData = messageDataMap.get(messageId);
|
|
240
|
+
// Both separators add chrome above the row that this function does not
|
|
241
|
+
// account for, and a resolved size is never re-measured.
|
|
242
|
+
if (messageData?.dayStart || messageData?.timeBreak) return undefined;
|
|
243
|
+
|
|
244
|
+
// Incoming rows in a group chat carry an avatar column and a sender
|
|
245
|
+
// name whose height this function cannot predict — measure them.
|
|
246
|
+
if (isGroupConversation && message.sendID !== currentUserId) {
|
|
247
|
+
return undefined;
|
|
248
|
+
}
|
|
249
|
+
const rowMargin = getRowMarginBottom(messageData?.groupPosition ?? 'solo');
|
|
214
250
|
|
|
215
251
|
// Resolve the content-type candidate FIRST — for every type other
|
|
216
252
|
// than these three the result is `undefined` regardless of anything
|
|
@@ -220,13 +256,13 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
220
256
|
let candidateSize;
|
|
221
257
|
switch (message.contentType) {
|
|
222
258
|
case MessageType.PictureMessage:
|
|
223
|
-
candidateSize = resolveImageDisplayDims(message, windowWidth).height +
|
|
259
|
+
candidateSize = resolveImageDisplayDims(message, windowWidth).height + rowMargin;
|
|
224
260
|
break;
|
|
225
261
|
case MessageType.VideoMessage:
|
|
226
|
-
candidateSize = ChatImageDimens.getDimensions(CHAT_IMAGE_VIEW_SOURCE.MessageListThumbnail).height +
|
|
262
|
+
candidateSize = ChatImageDimens.getDimensions(CHAT_IMAGE_VIEW_SOURCE.MessageListThumbnail).height + rowMargin;
|
|
227
263
|
break;
|
|
228
264
|
case MessageType.StickerMessage:
|
|
229
|
-
candidateSize = STICKER_SIZE +
|
|
265
|
+
candidateSize = STICKER_SIZE + rowMargin;
|
|
230
266
|
break;
|
|
231
267
|
default:
|
|
232
268
|
return undefined;
|
|
@@ -245,7 +281,21 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
245
281
|
return undefined;
|
|
246
282
|
}
|
|
247
283
|
return candidateSize;
|
|
248
|
-
}, [messageDataMap, customMessageItemFactory, currentUserId, lastMessageId, isBotConversation, conversationFlow?.flowCurrentStep, windowWidth]);
|
|
284
|
+
}, [messageDataMap, customMessageItemFactory, currentUserId, isGroupConversation, lastMessageId, isBotConversation, conversationFlow?.flowCurrentStep, windowWidth]);
|
|
285
|
+
|
|
286
|
+
// LegendList memoises each rendered item on [itemKey, item, extraData], so
|
|
287
|
+
// an item whose own object is unchanged will not re-render. Cluster
|
|
288
|
+
// position depends on a message's NEIGHBOURS, which can change while the
|
|
289
|
+
// message itself does not — prepending older history is enough to turn a
|
|
290
|
+
// 'first' into a 'middle'. messageDataMap is memoised on exactly the inputs
|
|
291
|
+
// that can move those boundaries, so including it here is what keeps a
|
|
292
|
+
// stale tail from being left behind.
|
|
293
|
+
const listExtraData = useMemo(() => ({
|
|
294
|
+
messageDataMap,
|
|
295
|
+
flowStepId: conversationFlow?.flowCurrentStep?.id ?? '',
|
|
296
|
+
lastMessageId,
|
|
297
|
+
highlightedId
|
|
298
|
+
}), [messageDataMap, conversationFlow?.flowCurrentStep?.id, lastMessageId, highlightedId]);
|
|
249
299
|
const handleStartReached = useCallback(() => {
|
|
250
300
|
if (__DEV__) {
|
|
251
301
|
console.log('[LegendList] onStartReached triggered', {
|
|
@@ -379,7 +429,7 @@ export const ChatListLegend = /*#__PURE__*/memo(({
|
|
|
379
429
|
getFixedItemSize: getFixedItemSize,
|
|
380
430
|
keyExtractor: item => String(item.clientMsgID || item.serverMsgID),
|
|
381
431
|
recycleItems: false,
|
|
382
|
-
extraData:
|
|
432
|
+
extraData: listExtraData,
|
|
383
433
|
alignItemsAtEnd: true,
|
|
384
434
|
maintainVisibleContentPosition: maintainVisiblePositionConfig,
|
|
385
435
|
freeze: freeze,
|