fix: added support for ens (#1008)

packages/examples/sdk-frontend-react/src/app/ChatSupportTest.tsx

@@ -35,7 +35,7 @@ export const ChatSupportTest = () => {
     <SupportChat
 
       signer={librarySigner}
-      supportAddress="0x6269C363695c5E14447a1b3873d7Ae4Ddf6E6eF7"
+      supportAddress="fabio.eth"
       apiKey="tAWEnggQ9Z.UaDBNjrvlJZx3giBTIQDcT8bKQo1O1518uF1Tea7rPwfzXv2ouV5rX9ViwgJUrXm"
       env={env}
       greetingMsg="How can i help you?"

packages/uiweb/src/lib/components/supportChat/AddressInfo.tsx

@@ -1,21 +1,26 @@
 import React, { useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { SupportChatPropsContext } from '../../context';
-import { Constants } from '../../config';
-import { copyToClipboard, pCAIP10ToWallet } from '../../helpers';
+import { Constants, InfuraAPIKey, allowedNetworks } from '../../config';
+import { copyToClipboard, pCAIP10ToWallet, resolveNewEns } from '../../helpers';
 import { CopySvg } from '../../icons/CopySvg';
+import { ethers } from 'ethers';
 
 export const AddressInfo: React.FC = () => {
   const { supportAddress, env, theme, pushUser } = useContext<any>(SupportChatPropsContext);
   const [ensName, setEnsName] = useState<string>('');
   const [user, setUser] = useState<any>({});
   const [isCopied, setIsCopied] = useState<boolean>(false);
   const walletAddress = pCAIP10ToWallet(supportAddress);
+  const l1ChainId = allowedNetworks[env].includes(1) ? 1 : 5;
+  const provider = new ethers.providers.InfuraProvider(l1ChainId, InfuraAPIKey);
 
   useEffect(() => {
     const getUser = async () => {
 if(pushUser){
   const user = await pushUser.info();
+ const ensNameResult = await resolveNewEns(supportAddress, provider) 
+  setEnsName(ensNameResult!)
       setUser(user);
 }
 

packages/uiweb/src/lib/components/supportChat/Chat.tsx

@@ -3,7 +3,7 @@ import { PushAPI } from '@pushprotocol/restapi';
 import { ChatIcon } from '../../icons/ChatIcon';
 import { Modal } from './Modal';
 import styled from 'styled-components';
-import { handleOnChatIconClick } from '../../helpers';
+import { getAddress, handleOnChatIconClick } from '../../helpers';
 import {
   SupportChatMainStateContext,
   SupportChatPropsContext,
@@ -16,6 +16,7 @@ import { useSDKSocket } from '../../hooks/useSDKSocket';
 import { Div } from '../reusables/sharedStyling';
 import { getAddressFromSigner } from '../../helpers';
 import { sign } from 'crypto';
+
 export type ChatProps = {
 account?: string;
   signer: SignerType;
@@ -50,6 +51,7 @@ export type ButtonStyleProps = {
   const [chats, setChats] = useState<IMessageIPFS[]>([]);
   const [accountadd, setAccountadd] = useState<string | null>(account)
   const [pushUser, setPushUser] = useState<PushAPI | null>(null);
+  const [resolvedSupportAddress, setResolvedSupportAddress] = useState<string>('');
   const setChatsSorted = (chats: IMessageIPFS[]) => {
 
     const chatsWithNumericTimestamps = chats.map(item => ({
@@ -72,7 +74,7 @@ export type ButtonStyleProps = {
     env,
     apiKey,
     pushUser: pushUser!,
-    supportAddress,
+    supportAddress: resolvedSupportAddress,
     signer
   });
 
@@ -81,14 +83,26 @@ export type ButtonStyleProps = {
     account : accountadd,
     signer,
     pushUser,
-    supportAddress,
+    supportAddress : resolvedSupportAddress,
     greetingMsg,
     modalTitle,
     theme: { ...lightTheme, ...theme },
     apiKey,
     env,
   };
 
+  useEffect(() => {
+
+    const getNewSupportAddress = async() => {
+       if(supportAddress.includes(".")){
+          const newAddress = await getAddress(supportAddress, env)
+setResolvedSupportAddress(newAddress!);
+    }else{
+setResolvedSupportAddress(supportAddress);
+    }
+    }
+  getNewSupportAddress(); 
+  },[supportAddress, pushUser, env])
 
 
   useEffect(() => {