Fixes contacts issues

src/components/HomeScreenHeader.tsx

@@ -169,6 +169,10 @@ const HomeScreenHeader: React.FC<HomeScreenHeaderProps> = ({
       dispatch(uaiActioned({ uaiId: localLatestUnseenUai.id, action: false }));
       navigtaion.dispatch(CommonActions.navigate('ChoosePlan', { showDiscounted: true }));
     },
+    [uaiType.CONTACTS]: () => {
+      dispatch(uaiActioned({ uaiId: localLatestUnseenUai.id, action: false }));
+      navigtaion.dispatch(CommonActions.navigate('Home', { selectedOption: 'Contacts' }));
+    },
   };
 
   return (

src/hooks/useNotificationHandler.tsx

@@ -7,7 +7,7 @@ import { notificationType } from 'src/models/enums/Notifications';
 import { useDispatch } from 'react-redux';
 import { addTicketStatusUAI } from 'src/store/sagaActions/concierge';
 import { uaiType } from 'src/models/interfaces/Uai';
-import { uaiChecks } from 'src/store/sagaActions/uai';
+import { addToUaiStack, uaiChecks } from 'src/store/sagaActions/uai';
 
 const NotificationHandler = () => {
   const [showRemoteNotificationModel, setShowRemoteNotificationModel] = useState(false);
@@ -16,7 +16,10 @@ const NotificationHandler = () => {
   const dispatch = useDispatch();
   useEffect(() => {
     const unsubscribe = messaging().onMessage(async (remoteMessage) => {
-      if (remoteMessage.data?.notificationType === notificationType.REMOTE_KEY_SHARE) {
+      if (remoteMessage.data?.notificationType === notificationType.CONTACTS) {
+        dispatch(addToUaiStack({ uaiType: uaiType.CONTACTS }));
+        dispatch(uaiChecks([uaiType.CONTACTS]));
+      } else if (remoteMessage.data?.notificationType === notificationType.REMOTE_KEY_SHARE) {
         setForegroundNotifcation(remoteMessage);
         setShowRemoteNotificationModel(true);
       } else if (remoteMessage.data?.notificationType === notificationType.ZENDESK_TICKET) {

src/hooks/useUaiStack.ts

@@ -21,6 +21,7 @@ export const uaiPriorityMap: UAIPriorityMap = {
   [uaiType.POLICY_DELAY]: 90,
   [uaiType.INCOMING_TRANSACTION]: 100,
   [uaiType.CAMPAIGN]: 101,
+  [uaiType.CONTACTS]: 101,
 };
 
 const useUaiStack = (): { uaiStack: UAI[]; isLoading: boolean } => {

src/models/enums/Notifications.ts

@@ -2,4 +2,5 @@ export enum notificationType {
   REMOTE_KEY_SHARE = 'REMOTE_KEY_SHARE',
   ZENDESK_TICKET = 'ZENDESK_TICKET',
   CAMPAIGN = 'CAMPAIGN',
+  CONTACTS = 'CONTACT_MESSAGE',
 }

src/models/interfaces/Uai.ts

@@ -31,4 +31,6 @@ export enum uaiType {
   DEFAULT = 'DEFAULT',
   RELEASE_MESSAGE = 'RELEASE_MESSAGE',
   CAMPAIGN = 'CAMPAIGN',
+
+  CONTACTS = 'CONTACTS',
 }

src/screens/Home/InititalAppController.tsx

@@ -287,7 +287,9 @@ function InititalAppController({ navigation, electrumErrorVisible, setElectrumEr
   };
 
   const handleZendeskNotificationRedirection = (data) => {
-    if (data?.notificationType === notificationType.ZENDESK_TICKET) {
+    if (data?.notificationType === notificationType.CONTACTS) {
+      navigation.dispatch(CommonActions.navigate('Home', { selectedOption: 'Contacts' }));
+    } else if (data?.notificationType === notificationType.ZENDESK_TICKET) {
       const { ticketId = null, ticketStatus = null } = data;
       if (ticketId && ticketStatus)
         navigation.navigate({

src/screens/Home/Notifications/NotificationsCenter.tsx

@@ -39,6 +39,7 @@ import { backupAllSignersAndVaults } from 'src/store/sagaActions/bhr';
 import { LocalizationContext } from 'src/context/Localization/LocContext';
 import ThemedSvg from 'src/components/ThemedSvg.tsx/ThemedSvg';
 import Fonts from 'src/constants/Fonts';
+import ContactIcon from 'src/assets/images/Contact-footer-dark.svg';
 
 type CardProps = {
   uai: any;
@@ -81,6 +82,7 @@ const SUPPORTED_NOTOFOCATION_TYPES = [
   uaiType.INCOMING_TRANSACTION,
   uaiType.SERVER_BACKUP_FAILURE,
   uaiType.CAMPAIGN,
+  uaiType.CONTACTS,
 ];
 
 const Card = memo(({ uai }: CardProps) => {
@@ -347,6 +349,23 @@ const Card = memo(({ uai }: CardProps) => {
         };
       }
 
+      case uaiType.CONTACTS: {
+        return {
+          heading: content.heading,
+          body: content.body,
+          icon: content.icon,
+          btnConfig: {
+            primary: {
+              text: 'View',
+              cta: () => {
+                dispatch(uaiActioned({ uaiId: uai.id, action: false }));
+                navigtaion.dispatch(CommonActions.navigate('Home', { selectedOption: 'Contacts' }));
+              },
+            },
+          },
+        };
+      }
+
       default:
         return null;
     }
@@ -634,6 +653,12 @@ export const getUaiContent = (type: uaiType, details?: any) => {
         body: 'Plan your inheritance and improve your security',
         icon: <DiscountIcon />,
       };
+    case uaiType.CONTACTS:
+      return {
+        heading: 'Contacts',
+        body: 'You have a new message',
+        icon: <ContactIcon />,
+      };
 
     default:
       return {

src/screens/Home/components/Contact/ChatRoomScreen.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Box, useColorMode } from 'native-base';
 import { StyleSheet } from 'react-native';
 import { RouteProp, useRoute } from '@react-navigation/native';
@@ -10,7 +10,8 @@ import { LocalizationContext } from 'src/context/Localization/LocContext';
 import { KeeperApp } from 'src/models/interfaces/KeeperApp';
 import { RealmSchema } from 'src/storage/realm/enum';
 import { useObject, useQuery } from '@realm/react';
-import { Community, Contact, Message } from 'src/services/p2p/interface';
+import { Community, Message } from 'src/services/p2p/interface';
+import { useChatPeer } from 'src/hooks/useChatPeer';
 
 type ChatRoomParams = {
   ChatRoomScreen: {
@@ -30,10 +31,17 @@ const ChatRoomScreen = () => {
   const messages = useQuery<Message>(RealmSchema.Message)
     .filtered('communityId = $0', communityId)
     .sorted('createdAt', true);
+  const { markCommunityAsRead } = useChatPeer();
 
   const [editUserProfileImage, setEditUserProfileImage] = useState('');
   const [editReceiverProfileName, setEditReceiverProfileName] = useState(community.name);
 
+  useEffect(() => {
+    // mark messages are read
+    const unreadMsgId = messages.filter((msg) => msg.unread).map((msg) => msg.id);
+    if (unreadMsgId.length) markCommunityAsRead(communityId);
+  }, []);
+
   return (
     <Box style={styles.container} backgroundColor={`${colorMode}.primaryBackground`}>
       <ChatRoomHeader

src/screens/Home/components/Contact/component/Contact.tsx

@@ -202,6 +202,7 @@ const Contact = () => {
                   isSingning: true,
                   contactShareData: contactShareLink,
                   isPSBT: true,
+                  placeholder: 'or paste text',
                 },
               })
             );

src/screens/QRScreens/ScanQR.tsx

@@ -27,6 +27,7 @@ import Instruction from 'src/components/Instruction';
 import ThemedSvg from 'src/components/ThemedSvg.tsx/ThemedSvg';
 import Buttons from 'src/components/Buttons';
 import ShareDark from 'src/assets/images/share-white.svg';
+import { useKeyboard } from 'src/hooks/useKeyboard';
 
 const decoder = new URRegistryDecoder();
 
@@ -52,6 +53,7 @@ function ScanQR() {
     Instructions,
     isSingning = false,
     contactShareData = null,
+    placeholder = null,
   } = route.params as any;
 
   const { translations } = useContext(LocalizationContext);
@@ -63,6 +65,7 @@ function ScanQR() {
   const isDarkMode = colorMode === 'dark';
   const isHealthCheck = mode === InteracationMode.HEALTH_CHECK;
   const [infoModal, setInfoModal] = useState(false);
+  const isKeyboardOpen = useKeyboard();
 
   const onTextSubmit = (data) => {
     if (!data.startsWith('UR') && !data.startsWith('ur')) {
@@ -127,7 +130,7 @@ function ScanQR() {
                     borderColor={`${colorMode}.greyBorder`}
                   >
                     <Input
-                      placeholder="or paste PSBT text"
+                      placeholder={placeholder ?? 'or paste PSBT text'}
                       placeholderTextColor={`${colorMode}.primaryText`}
                       style={styles.textInput}
                       variant="unstyled"
@@ -165,7 +168,7 @@ function ScanQR() {
               <Note title={common.note} subtitle={common.scanQRNote} />
             </Box>
           )}
-          {contactShareData && (
+          {!isKeyboardOpen && contactShareData && (
             <Box style={styles.noteWrapper}>
               <Buttons
                 primaryText={contactText.shareContact}

src/screens/Recieve/ReceiveAddress.tsx

@@ -41,7 +41,7 @@ function ReceiveAddress({ address }: Props) {
       borderColor={`${colorMode}.dullGreyBorder`}
     >
       <Box style={styles.textContainer}>
-        <Text color={`${colorMode}.GreyText`} style={styles.value}>
+        <Text color={`${colorMode}.GreyText`} style={styles.value} numberOfLines={2}>
           {address.length > 50 ? address.slice(0, 50) + '...' : address}
         </Text>
       </Box>

src/services/p2p/ChatPeerManager.ts

@@ -218,18 +218,21 @@ export default class ChatPeerManager {
               (community as any).key
             );
             const messageData = JSON.parse(decryptedMessage);
-            dbManager.createObject(RealmSchema.Message, {
-              id: messageData.id,
-              communityId: messageData.communityId,
-              type: messageData.type,
-              text: messageData.text,
-              createdAt: msg.timestamp,
-              sender: messageData.sender,
-              block: msg.blockNumber,
-              unread: true,
-              fileUrl: message?.fileUrl,
-              request: message?.request,
-            });
+            const existingMessage = dbManager.getObjectById(RealmSchema.Message, messageData.id);
+            if (!existingMessage) {
+              dbManager.createObject(RealmSchema.Message, {
+                id: messageData.id,
+                communityId: messageData.communityId,
+                type: messageData.type,
+                text: messageData.text,
+                createdAt: msg.timestamp,
+                sender: messageData.sender,
+                block: msg.blockNumber,
+                unread: true,
+                fileUrl: message?.fileUrl,
+                request: message?.request,
+              });
+            }
           }
         }
       }