agora-appbuilder-core 4.0.31-beta-3 → 4.0.31-beta-5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.0.31-beta-3",
+  "version": "4.0.31-beta-5",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/defaultConfig.js

@@ -76,8 +76,8 @@ const DefaultConfig = {
   CHAT_ORG_NAME: '',
   CHAT_APP_NAME: '',
   CHAT_URL: '',
-  CLI_VERSION: '3.0.30-1',
-  CORE_VERSION: '4.0.30-1',
+  CLI_VERSION: '3.0.31-beta-5',
+  CORE_VERSION: '4.0.31-beta-5',
   DISABLE_LANDSCAPE_MODE: false,
   STT_AUTO_START: false,
   CLOUD_RECORDING_AUTO_START: false,

package/template/src/components/chat/chatConfigure.native.tsx

@@ -89,12 +89,17 @@ const ChatConfigure = ({children}) => {
     addReactionToPrivateStore,
     addReactionToStore,
   } = useChatMessages();
-  const {setPinMsgId, setPinnedByUser} = useChatUIControls();
+  const {setPinMsgId, setPinnedByUser, privateChatUser} = useChatUIControls();
+  const privateChatUserRef = React.useRef(privateChatUser);
 
   React.useEffect(() => {
     defaultContentRef.current = defaultContent;
   }, [defaultContent]);
 
+  React.useEffect(() => {
+    privateChatUserRef.current = privateChatUser;
+  }, [privateChatUser]);
+
   useEffect(() => {
     const logout = async () => {
       try {
@@ -296,9 +301,13 @@ const ChatConfigure = ({children}) => {
           if (convId === data.chat.group_id) {
             addReactionToStore(msgId, reactions as unknown as Reaction[]);
           } else {
-            const userId = operations[0].userId;
+            const fromUserID = operations[0].userId;
+            const uid =
+              localUid === fromUserID
+                ? Number(privateChatUserRef.current)
+                : Number(fromUserID);
             addReactionToPrivateStore(
-              Number(userId),
+              uid,
               msgId,
               reactions as unknown as Reaction[],
             );

package/template/src/subComponents/ChatBubble.tsx

@@ -905,6 +905,7 @@ const style = StyleSheet.create({
     flexDirection: 'row',
     gap: 4,
     zIndex: 5,
+    elevation: -1,
   },
   reactionUserList: {
     position: 'absolute',

package/template/src/subComponents/ChatContainer.tsx

@@ -220,7 +220,7 @@ const ChatContainer = (props?: {
       ) : (
         <></>
       )}
-      {pinMsgId && (
+      {pinMsgId && chatType === ChatType.Group && (
         <PinnedMessage pinMsgId={pinMsgId} pinnedByUser={pinnedByUser} />
       )}
       <ScrollView
@@ -346,6 +346,7 @@ const ChatContainer = (props?: {
                       ext={message?.ext}
                       reactions={message?.reactions}
                       replyToMsgId={message?.replyToMsgId}
+                      scrollOffset={scrollOffset}
                       isLastMsg={
                         privateMessageStore[privateChatUser].length - 1 ===
                         index