fix: Merge branch 'main' into deployment

push-protocol · May 3, 2024 · 6babd66 · 6babd66
2 parents a5f166f + 2f67e3c
commit 6babd66
Show file tree

Hide file tree

Showing 7 changed files with 82 additions and 81 deletions.
diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx
@@ -29,7 +29,7 @@ const ChatViewComponentTest = () => {
         {/* <CreateGroupModal onClose={()=>{console.log('in close')}}  modalBackground={MODAL_BACKGROUND_TYPE.OVERLAY} modalPositionType={MODAL_POSITION_TYPE.RELATIVE}/> */}
         <ChatView
           onVerificationFail={() => console.log('Verification Failed')}
-          chatId="4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68"
+          chatId="34c44214589cecc176a136ee1daf0f0231ecc6d6574b920b5ae39eb971fa3cb4"
           chatProfileLeftHelperComponent={
             <img src={Img} onClick={() => console.debug('clicked')} />
           }

diff --git a/packages/uiweb/package.json b/packages/uiweb/package.json
@@ -34,7 +34,7 @@
     "uuid": "^9.0.1"
   },
   "peerDependencies": {
-    "@pushprotocol/restapi": "0.0.1-alpha.80",
+    "@pushprotocol/restapi": "1.7.13",
     "@pushprotocol/socket": "^0.5.0",
     "react": ">=16.8.0",
     "styled-components": "^6.0.8"

diff --git a/packages/uiweb/src/lib/components/chat/ChatViewBubble/ChatViewBubble.tsx b/packages/uiweb/src/lib/components/chat/ChatViewBubble/ChatViewBubble.tsx
@@ -19,7 +19,7 @@ import { IMessagePayload, TwitterFeedReturnType } from '../exportedTypes';
 const SenderMessageAddress = ({ chat }: { chat: IMessagePayload }) => {
   const { user } = useContext(ChatDataContext);
   const theme = useContext(ThemeContext);
-  return chat.fromCAIP10?.split(':')[1] !== user?.account ? (
+  return chat.fromCAIP10 !== user?.account ? (
     <Span
       theme={theme}
       alignSelf="start"
@@ -55,7 +55,7 @@ const SenderMessageProfilePicture = ({ chat }: { chat: IMessagePayload }) => {
       justifyContent="start"
       alignItems="start"
     >
-      {chat.fromCAIP10?.split(':')[1] !== user?.account && (
+      {chat.fromCAIP10 !== user?.account && (
         <Section alignItems="start">
           {pfp && (
             <Image
@@ -83,6 +83,7 @@ const MessageWrapper = ({
   isGroup: boolean;
   maxWidth?: string;
 }) => {
+  const { user } = useChatData();
   const theme = useContext(ThemeContext);
   return (
     <Section
@@ -93,12 +94,12 @@ const MessageWrapper = ({
       width="fit-content"
       maxWidth={maxWidth || 'auto'}
     >
-      {isGroup && <SenderMessageProfilePicture chat={chat} />}
+      {isGroup && chat?.fromCAIP10 !== user?.account && <SenderMessageProfilePicture chat={chat} />}
       <Section
         justifyContent="start"
         flexDirection="column"
       >
-        {isGroup && <SenderMessageAddress chat={chat} />}
+        {isGroup && chat?.fromCAIP10 !== user?.account && <SenderMessageAddress chat={chat} />}
         {children}
       </Section>
     </Section>
@@ -322,11 +323,12 @@ export const ChatViewBubble = ({
 }) => {
   const { user } = useChatData();
   const position =
-    pCAIP10ToWallet(decryptedMessagePayload.fromDID).toLowerCase() !== user?.account?.toLowerCase() ? 0 : 1;
+    pCAIP10ToWallet(decryptedMessagePayload.fromDID).toLowerCase() !== pCAIP10ToWallet(user?.account!)?.toLowerCase()
+      ? 0
+      : 1;
   const { tweetId, messageType }: TwitterFeedReturnType = checkTwitterUrl({
     message: decryptedMessagePayload?.messageContent,
   });
-
   if (messageType === 'TwitterFeedLink') {
     decryptedMessagePayload.messageType = 'TwitterFeedLink';
   }

diff --git a/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx b/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx
@@ -70,13 +70,9 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
     invalidChat: false,
   });
 
-  const [loading, setLoading] = useState<boolean>(true);
-
   const { chatId, limit = chatLimit, chatFilterList = [] } = options || {};
   const { user, toast } = useChatData();
-  const [chatInfo, setChatInfo] = useState<ChatInfoResponse | null>(null);
   const [groupInfo, setGroupInfo] = useState<Group | null>(null);
-  const [userInfo, setUserInfo] = useState<IUser | null>(null);
 
   // const [chatStatusText, setChatStatusText] = useState<string>('');
   const [messages, setMessages] = useState<IMessageIPFSWithCID[]>([]);
@@ -172,9 +168,9 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
   //moniters stream changes
   useEffect(() => {
     if (Object.keys(chatAcceptStream || {}).length > 0 && chatAcceptStream.constructor === Object) {
-      const updatedChatInfo = { ...(chatInfo as ChatInfoResponse) };
+      const updatedChatInfo = { ...(initialized.chatInfo as ChatInfoResponse) };
       if (updatedChatInfo) updatedChatInfo.list = 'CHATS';
-      setChatInfo(updatedChatInfo);
+      setInitialized({ ...initialized, chatInfo: updatedChatInfo });
     }
   }, [chatAcceptStream]);
 
@@ -394,7 +390,9 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
                   const dateNum = moment(chat.timestamp).format('L');
                   // TODO: This is a hack as chat.fromDID is converted with eip to match with user.account creating a bug for omnichain
                   const position =
-                    pCAIP10ToWallet(chat.fromDID)?.toLowerCase() !== user?.account?.toLowerCase() ? 0 : 1;
+                    pCAIP10ToWallet(chat.fromDID)?.toLowerCase() !== pCAIP10ToWallet(user?.account!)?.toLowerCase()
+                      ? 0
+                      : 1;
                   return (
                     <>
                       {dates.has(dateNum) ? null : renderDate({ chat, dateNum })}
@@ -406,7 +404,7 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
                         <ChatViewBubble
                           decryptedMessagePayload={chat}
                           key={index}
-                          isGroup={chatInfo?.meta?.group ?? false}
+                          isGroup={initialized.chatInfo?.meta?.group ?? false}
                         />
                       </Section>
                     </>

diff --git a/packages/uiweb/src/lib/components/chat/CreateGroup/AddCriteria.tsx b/packages/uiweb/src/lib/components/chat/CreateGroup/AddCriteria.tsx
@@ -241,7 +241,7 @@ const AddCriteria = ({ handlePrevious, onClose, criteriaStateManager }: ModalHea
       function: () => setSelectedChainValue(6),
     } as DropdownValueType);
   }
-
+  console.debug(dropdownChainsValues);
   const onQuantityChange = (e: any) => {
     setQuantity({ ...quantity, value: e.target.value });
   };
@@ -263,6 +263,7 @@ const AddCriteria = ({ handlePrevious, onClose, criteriaStateManager }: ModalHea
       }
     }
 
+    console.debug(selectedChainValue);
     const rule: Rule = {
       type: _type,
       category: category,

diff --git a/packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx b/packages/uiweb/src/lib/components/chat/MessageInput/MessageInput.tsx
@@ -291,7 +291,7 @@ export const MessageInput: React.FC<MessageInputProps> = ({
       }
     } else {
       const sendTextMessage = await sendMessage({
-        message: `Hello, please let me join this group, my wallet address is ${user?.account}`,
+        message: `Hello, please let me join this group, my wallet address is ${pCAIP10ToWallet(user?.account || '')}`,
         chatId: groupInfo?.groupCreator || '',
         messageType: 'Text',
       });

diff --git a/packages/uiweb/src/lib/components/chat/UserProfile/UserProfile.tsx b/packages/uiweb/src/lib/components/chat/UserProfile/UserProfile.tsx
@@ -5,7 +5,7 @@ import { IUser } from '@pushprotocol/restapi';
 import { ethers } from 'ethers';
 import styled from 'styled-components';
 
-import { resolveWeb3Name, shortenText } from '../../../helpers';
+import { pCAIP10ToWallet, resolveWeb3Name, shortenText } from '../../../helpers';
 import { useClickAway } from '../../../hooks';
 import { useChatData } from '../../../hooks/chat/useChatData';
 import useChatProfile from '../../../hooks/chat/useChatProfile';
@@ -81,76 +81,76 @@ export const UserProfile: React.FC<UserProfileProps> = ({
 
   return (
     <Conatiner
-        height="inherit"
-        justifyContent="space-between"
-        overflow="hidden"
-        width="100%"
-        padding="14px 10px"
-        borderRadius={theme?.borderRadius?.userProfile}
-        background={theme?.backgroundColor?.userProfileBackground}
+      height="inherit"
+      justifyContent="space-between"
+      overflow="hidden"
+      width="100%"
+      padding="14px 10px"
+      borderRadius={theme?.borderRadius?.userProfile}
+      background={theme?.backgroundColor?.userProfileBackground}
+      theme={theme}
+    >
+      <ProfileContainer
         theme={theme}
-      >
-        <ProfileContainer
+        member={{
+          web3Name: web3Name,
+          abbrRecipient: shortenText(pCAIP10ToWallet(user?.account || ''), 8, true) as string,
+          recipient: user!.account,
+          icon: userProfile?.profile?.picture || null,
+        }}
+        copy={true}
+        customStyle={{
+          fontSize: theme?.fontSize?.userProfileText,
+          fontWeight: theme?.fontWeight?.userProfileText,
+          textColor: theme?.textColor?.userProfileText,
+        }}
+        loading={!userProfile ? true : false}
+      />
+      {userProfile && (
+        <Section>
+          <Image
+            src={VerticalEllipsisIcon}
+            height="21px"
+            maxHeight="21px"
+            color={theme?.iconColor?.userProfileSettings}
+            width={'auto'}
+            cursor="pointer"
+            onClick={() => setOptions(true)}
+          />
+        </Section>
+      )}
+      {options && (
+        <DropDownBar
           theme={theme}
-          member={{
-            web3Name: web3Name,
-            abbrRecipient: shortenText(user?.account || '', 8, true) as string,
-            recipient: user!.account,
-            icon: userProfile?.profile?.picture || null,
-          }}
-          copy={true}
-          customStyle={{
-            fontSize: theme?.fontSize?.userProfileText,
-            fontWeight: theme?.fontWeight?.userProfileText,
-            textColor: theme?.textColor?.userProfileText,
-          }}
-          loading={!userProfile ? true : false}
-        />
-        {userProfile && (
-          <Section>
+          ref={DropdownRef}
+          onClick={() => setShowUpdateUserProfileModal(true)}
+        >
+          <DropDownItem cursor="pointer">
             <Image
-              src={VerticalEllipsisIcon}
-              height="21px"
-              maxHeight="21px"
-              color={theme?.iconColor?.userProfileSettings}
+              src={UserProfileIcon}
+              height="32px"
+              maxHeight="32px"
               width={'auto'}
               cursor="pointer"
-              onClick={() => setOptions(true)}
             />
-          </Section>
-        )}
-        {options && (
-          <DropDownBar
-            theme={theme}
-            ref={DropdownRef}
-            onClick={() => setShowUpdateUserProfileModal(true)}
-          >
-            <DropDownItem cursor="pointer">
-              <Image
-                src={UserProfileIcon}
-                height="32px"
-                maxHeight="32px"
-                width={'auto'}
-                cursor="pointer"
-              />
 
-              <TextItem cursor="pointer">Edit Profile</TextItem>
-            </DropDownItem>
-          </DropDownBar>
+            <TextItem cursor="pointer">Edit Profile</TextItem>
+          </DropDownItem>
+        </DropDownBar>
+      )}
+      {showUpdateUserProfileModal &&
+        createPortal(
+          <UpdateUserProfileModal
+            theme={theme}
+            setModal={setShowUpdateUserProfileModal}
+            userProfile={userProfile!}
+            setUserProfile={setUserProfile}
+            updateUserProfileModalBackground={updateUserProfileModalBackground}
+            updateUserProfileModalPositionType={updateUserProfileModalPositionType}
+          />,
+          document.body
         )}
-        {showUpdateUserProfileModal &&
-          createPortal(
-            <UpdateUserProfileModal
-              theme={theme}
-              setModal={setShowUpdateUserProfileModal}
-              userProfile={userProfile!}
-              setUserProfile={setUserProfile}
-              updateUserProfileModalBackground={updateUserProfileModalBackground}
-              updateUserProfileModalPositionType={updateUserProfileModalPositionType}
-            />,
-            document.body
-          )}
-      </Conatiner>
+    </Conatiner>
   );
 };