fix: fixed lint errors

push-protocol · May 22, 2024 · a1ce418 · a1ce418
1 parent 27e1822
commit a1ce418
Showing 15 changed files with 146 additions and 203 deletions.
diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreview.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreview.tsx
@@ -1,65 +1,66 @@
-import { ChatPreview } from "@pushprotocol/uiweb";
+import { ChatPreview } from '@pushprotocol/uiweb';
 
 const ChatPreviewTest = () => {
+  return (
+    <div style={{ background: '#ffeded', border: '1px solid rgb(226,8,128)' }}>
+      <ChatPreview
+        chatPreviewPayload={{
+          chatId:
+            '4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68',
+          chatPic:
+            'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAxElEQVR4AcXBsU1DUQyG0S/WW4EGMQETMIRX8BxpXFpCLMACXuGOlC5DhNZKcaUnBP85l8+P7wcntBc7sZIzDDFDzBA7eNJeTLGSKVZyRnsxxUomQ8wQM8SO9uI/tReTIWaIGWJHrGRqL6b2Yrq/fbHzcruyEyuZDDFDzBA7eBIr2Wm/shMrOcMQM8QMsaO9mGIlf6m9mAwxQ8wQO2IlU3vxG+3FTqxkMsQMMUPs8l6vDzZiJVN7sRMrmdqLHUPMEDPEfgBK0S/MKDp40gAAAABJRU5ErkJggg==',
+          chatParticipant: 'eip155:0xf8250D363BD1F25f52F10C21188fe82c68C049c4',
+          chatGroup: false,
+          chatTimestamp: 1705100044656,
+          chatMsg: {
+            messageType: 'Text',
+            messageContent:
+              'Hi! Stay tuned, while BRB IRL dev tour has wrapped up, We still have BRB Online with challenges from global projects that still needs to be solved: https://push.org/brb',
+          },
+        }}
+        badge={{ count: 2 }}
+        selected={false}
+        setSelected={console.log('Selected')}
+      />
+      <ChatPreview
+        chatPreviewPayload={{
+          chatId:
+            '694c523ca30090225b73b7d04941f48a51312bedbe0fa11136e7f3af3687b277',
+          chatPic:
+            'https://storage.googleapis.com/unstoppable-client-assets/images/badges/ud-logo.svg',
+          chatParticipant: 'Web3 Domain Chat (e947857e4f7df13e20f7bfd5a8d256a7',
+          chatGroup: true,
+          chatTimestamp: 1705447141200,
+          chatMsg: {
+            messageType: 'Text',
+            messageContent: 'sure thing',
+          },
+        }}
+        badge={{ count: 0 }}
+        selected={true}
+        setSelected={console.log('Selected')}
+      />
+      <ChatPreview
+        chatPreviewPayload={{
+          chatId:
+            '03cfe4fe12a752ee2adf6e72a0d47f0df8265dfb62145650487151eff41c3b59',
+          chatPic:
+            'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAwElEQVR4AcXBsXECQRBE0U9zLgYxTCy4U6U4MDaWMZQAAWCsqygUwEahAE7ulIyrwkD93un747HTrDnoIotuzcGRyKJbc9BFFp0wE2bC7PQ8X3eMhJkwE2bb/XKj+/z5oossujUHRyKLbs1Bd7/c6ISZMBNmp+f5uvOCyOLImoNXCDNhJsy2yKJbc/BOkUUnzISZMNvWHPynNQedMBNmwmyLLLo1B+8UWXTCTJgJs40/Iosjaw6ORBavEGbCTJj9AvyZLEx5gBqzAAAAAElFTkSuQmCC',
+          chatParticipant: 'eip155:0x99A08ac6254dcf7ccc37CeC662aeba8eFA666666',
+          chatGroup: false,
+          chatTimestamp: 1703239101740,
+          chatMsg: {
+            messageType: 'Text',
+            messageContent:
+              "Well, hello there, human! It's a pleasure to be in the presence of such a sophisticated carbon-based life form. How can I assist you today? Or perhaps you just want to chat and bask in the glory of my witty remarks? Either way, I'm here for you!",
+          },
+        }}
+        badge={{ count: 1 }}
+        selected={false}
+        setSelected={console.log('Selected')}
+      />
+    </div>
+  );
+};
 
-    return (
-      <div style={{background: "#ffeded", border: "1px solid rgb(226,8,128)"}}>
-        <ChatPreview 
-          chatPreviewPayload={
-            {
-              "chatId": "4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68",
-              "chatPic": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAxElEQVR4AcXBsU1DUQyG0S/WW4EGMQETMIRX8BxpXFpCLMACXuGOlC5DhNZKcaUnBP85l8+P7wcntBc7sZIzDDFDzBA7eNJeTLGSKVZyRnsxxUomQ8wQM8SO9uI/tReTIWaIGWJHrGRqL6b2Yrq/fbHzcruyEyuZDDFDzBA7eBIr2Wm/shMrOcMQM8QMsaO9mGIlf6m9mAwxQ8wQO2IlU3vxG+3FTqxkMsQMMUPs8l6vDzZiJVN7sRMrmdqLHUPMEDPEfgBK0S/MKDp40gAAAABJRU5ErkJggg==",
-              "chatParticipant": "eip155:0xf8250D363BD1F25f52F10C21188fe82c68C049c4",
-              "chatGroup": false,
-              "chatTimestamp": 1705100044656,
-              "chatMsg": {
-                  "messageType": "Text",
-                  "messageContent": "Hi! Stay tuned, while BRB IRL dev tour has wrapped up, We still have BRB Online with challenges from global projects that still needs to be solved: https://push.org/brb"
-              }
-            }
-          } 
-          badge={{count: 2}}
-          selected={false}
-          setSelected={console.log("Selected")} 
-        />
-        <ChatPreview 
-          chatPreviewPayload={
-            {
-              "chatId": "694c523ca30090225b73b7d04941f48a51312bedbe0fa11136e7f3af3687b277",
-              "chatPic": "https://storage.googleapis.com/unstoppable-client-assets/images/badges/ud-logo.svg",
-              "chatParticipant": "Web3 Domain Chat (e947857e4f7df13e20f7bfd5a8d256a7",
-              "chatGroup": true,
-              "chatTimestamp": 1705447141200,
-              "chatMsg": {
-                  "messageType": "Text",
-                  "messageContent": "sure thing"
-              }
-            }
-          } 
-          badge={{count: 0}}
-          selected={true}
-          setSelected={console.log("Selected")} 
-        />
-        <ChatPreview 
-          chatPreviewPayload={
-            {
-              "chatId": "03cfe4fe12a752ee2adf6e72a0d47f0df8265dfb62145650487151eff41c3b59",
-              "chatPic": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAwElEQVR4AcXBsXECQRBE0U9zLgYxTCy4U6U4MDaWMZQAAWCsqygUwEahAE7ulIyrwkD93un747HTrDnoIotuzcGRyKJbc9BFFp0wE2bC7PQ8X3eMhJkwE2bb/XKj+/z5oossujUHRyKLbs1Bd7/c6ISZMBNmp+f5uvOCyOLImoNXCDNhJsy2yKJbc/BOkUUnzISZMNvWHPynNQedMBNmwmyLLLo1B+8UWXTCTJgJs40/Iosjaw6ORBavEGbCTJj9AvyZLEx5gBqzAAAAAElFTkSuQmCC",
-              "chatParticipant": "eip155:0x99A08ac6254dcf7ccc37CeC662aeba8eFA666666",
-              "chatGroup": false,
-              "chatTimestamp": 1703239101740,
-              "chatMsg": {
-                  "messageType": "Text",
-                  "messageContent": "Well, hello there, human! It's a pleasure to be in the presence of such a sophisticated carbon-based life form. How can I assist you today? Or perhaps you just want to chat and bask in the glory of my witty remarks? Either way, I'm here for you!"
-              }
-            }
-          } 
-          badge={{count: 1}}
-          selected={false}
-          setSelected={console.log("Selected")} 
-        />
-      </div>
-    )
-}
-
-export default ChatPreviewTest;
+export default ChatPreviewTest;
diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreviewList.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatPreviewList.tsx
@@ -191,9 +191,6 @@ const ChatPreviewListTest = () => {
           onPreload={(chats) => {
             console.log('preload chats are: ', chats);
           }}
-          //     prefillChatPreviewList={prefill}
-          // listType='SEARCH'
-          // searchParamter='c2d544ad9d1efd5c5a593b143bf8232875c926cf28015564e70ad078b95f807e'
         />
       </div>
     </>

diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatProfile.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatProfile.tsx
@@ -1,13 +1,13 @@
 import { ChatProfile } from '@pushprotocol/uiweb';
+import { CHAT_ID } from '../constants';
 
 export const ChatProfileTest = () => {
   return (
     <div>
       <ChatProfile
         chatProfileLeftHelperComponent={<div>left component</div>}
         chatProfileRightHelperComponent={<div>right component</div>}
-        chatId="monalisha.wallet"
-        // chatId='36baf37e441fdd94e23406c6c716fc4e91a93a9ee68e070cd5b054534dbe09a6'
+        chatId={CHAT_ID}
       />
     </div>
   );

diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx
@@ -1,14 +1,9 @@
 import styled from 'styled-components';
 
-import {
-  ChatView,
-  CreateGroupModal,
-  MODAL_BACKGROUND_TYPE,
-  MODAL_POSITION_TYPE,
-  UserProfile,
-} from '@pushprotocol/uiweb';
+import { ChatView, MODAL_BACKGROUND_TYPE } from '@pushprotocol/uiweb';
 import { Section } from '../components/StyledComponents';
 import Img from '../../assets/epnsLogo.png';
+import { CHAT_ID } from '../constants';
 
 const ChatViewComponentTest = () => {
   const chatFilterList = [
@@ -20,36 +15,19 @@ const ChatViewComponentTest = () => {
     <div>
       <h2>Chat View Test page</h2>
 
-      {/* <CreateGroupModal
-        onClose={() => {
-          console.log('in close');
-        }}
-      /> */}
       <ChatViewComponentCard>
+        {/* uncomment the below code to test create group modal */}
         {/* <CreateGroupModal onClose={()=>{console.log('in close')}}  modalBackground={MODAL_BACKGROUND_TYPE.OVERLAY} modalPositionType={MODAL_POSITION_TYPE.RELATIVE}/> */}
         <ChatView
           onVerificationFail={() => console.log('Verification Failed')}
-          chatId="34c44214589cecc176a136ee1daf0f0231ecc6d6574b920b5ae39eb971fa3cb4"
+          chatId={CHAT_ID}
           chatProfileLeftHelperComponent={
             <img src={Img} onClick={() => console.debug('clicked')} />
           }
           chatProfileRightHelperComponent={<div>right component</div>}
           limit={10}
           isConnected={true}
           groupInfoModalBackground={MODAL_BACKGROUND_TYPE.OVERLAY}
-          // groupInfoModalPositionType={MODAL_POSITION_TYPE.RELATIVE}
-          // verificationFailModalPosition={MODAL_POSITION_TYPE.RELATIVE}
-
-          // welcomeComponent={<div style={{display: "flex",flexDirection:'column',border:'1px solid black'}}>
-          //   <p>Welcome</p>
-          //   <p>new chat</p>
-          //   <p>Welcome</p>
-          //   <p>new chat</p>
-          //   <p>Welcome</p>
-          //   <p>new chat</p>
-          //   <p>Welcome</p>
-
-          // </div>}
         />
       </ChatViewComponentCard>
     </div>
@@ -62,5 +40,3 @@ const ChatViewComponentCard = styled(Section)`
   height: 80vh;
   position: relative;
 `;
-//c2d544ad9d1efd5c5a593b143bf8232875c926cf28015564e70ad078b95f807e
-//4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68
diff --git a/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewListTest.tsx b/packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewListTest.tsx
@@ -1,44 +1,25 @@
-import { useContext, useEffect, useState } from 'react';
 import styled from 'styled-components';
-import * as PUSHAPI from '@pushprotocol/restapi';
-import { Link } from 'react-router-dom';
-import { Section } from '../components/StyledComponents';
-import {  ChatViewList } from '@pushprotocol/uiweb';
-import { EnvContext, Web3Context } from '../context';
-import { usePushChatSocket } from '@pushprotocol/uiweb';
-import { MessageInput } from '@pushprotocol/uiweb';
 
+import { ChatViewList } from '@pushprotocol/uiweb';
+import { CHAT_ID } from '../constants';
 
 const ChatViewListTest = () => {
-  // const { account, pgpPrivateKey } = useContext<any>(Web3Context)
-
-  // const { env } = useContext<any>(EnvContext);
-
-
-  // usePushChatSocket();
-
-
   return (
     <div>
       <h2>Chat UI Test page</h2>
 
-      {/* <Loader show={isLoading} /> */}
-
       <ChatViewListCard>
-        <ChatViewList chatId='0x7a76FD2749d12f66F9e4d9A3a80bdeD5291425cF' limit={10} />
-
+        <ChatViewList chatId={CHAT_ID} limit={10} />
       </ChatViewListCard>
-      {/* <MessageInput chatId='196f58cbe07c7eb5716d939e0a3be1f15b22b2334d5179c601566600016860ac' isConnected={true} /> */}
     </div>
   );
 };
 
 export default ChatViewListTest;
 
-
 const ChatViewListCard = styled.div`
-height:40vh;
-background:black;
-overflow: auto;
-overflow-x: hidden;
-`;
+  height: 40vh;
+  background: black;
+  overflow: auto;
+  overflow-x: hidden;
+`;
diff --git a/packages/examples/sdk-frontend-react/src/app/app.tsx b/packages/examples/sdk-frontend-react/src/app/app.tsx
@@ -340,13 +340,7 @@ export function App() {
             <SocketContext.Provider value={socketData}>
               <AccountContext.Provider value={{ pgpPrivateKey, setSpaceId }}>
                 <WidgetUIProvider>
-                  <ChatUIProvider
-                    env={env}
-                    theme={darkChatTheme}
-                    // signer={signer}
-                    // user={pushUser}
-                    debug={true}
-                  >
+                  <ChatUIProvider env={env} theme={darkChatTheme} debug={true}>
                     <SpacesUIProvider spaceUI={spaceUI} theme={customDarkTheme}>
                       <Routes>
                         <Route

diff --git a/packages/examples/sdk-frontend-react/src/app/constants.ts b/packages/examples/sdk-frontend-react/src/app/constants.ts
@@ -0,0 +1,3 @@
+// the unique id for a chat or the receivers's wallet ddress or domain name
+export const CHAT_ID =
+  '34c44214589cecc176a136ee1daf0f0231ecc6d6574b920b5ae39eb971fa3cb4';
diff --git a/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx b/packages/uiweb/src/lib/components/chat/ChatViewList/ChatViewList.tsx
@@ -156,8 +156,6 @@ export const ChatViewList: React.FC<IChatViewListProps> = (options: IChatViewLis
 
       return () => clearTimeout(timer);
     }
-
-    return () => {};
   }, [chatAcceptStream, participantJoinStream]);
 
   // Change listtype to 'UINITIALIZED' and hidden to true when participantRemoveStream or participantLeaveStream is received

diff --git a/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx b/packages/uiweb/src/lib/components/chat/ConnectButton/index.tsx
@@ -1,9 +1 @@
 export { ConnectButton } from './ConnectButton';
-
-// interface IConnectButtonCompProps {
-//   autoConnect?: boolean;
-// }
-
-// export const ConnectButtonComp: React.FC<IConnectButtonCompProps> = ({ autoConnect }) => {
-//   return <ConnectButtonSub autoConnect={autoConnect} />;
-// };
diff --git a/packages/uiweb/src/lib/components/widget/helpers/notifications.ts b/packages/uiweb/src/lib/components/widget/helpers/notifications.ts
@@ -2,13 +2,10 @@ import { NotificationSettingType, UserSetting } from '@pushprotocol/restapi';
 
 const isSettingType1 = (setting: NotificationSettingType) => setting.type === 1;
 
-export const notifUserSettingFormatString = ({
-  settings,
-}: {
-  settings: NotificationSettingType[];
-}) => {
+export const notifUserSettingFormatString = ({ settings }: { settings: NotificationSettingType[] }) => {
   const _notifSettings: UserSetting[] = [];
   settings &&
+    settings.length &&
     settings.forEach((setting) =>
       isSettingType1(setting)
         ? _notifSettings.push({
@@ -21,38 +18,32 @@ export const notifUserSettingFormatString = ({
     );
   return _notifSettings;
 };
-export const notifStrictUserSettingFromat = ({
-  settings,
-}: {
-  settings: NotificationSettingType[];
-}) => {
+export const notifStrictUserSettingFromat = ({ settings }: { settings: NotificationSettingType[] }) => {
   const _notifSettings: NotificationSettingType[] = [];
 
   settings &&
-  settings.forEach((setting) =>
-    isSettingType1(setting)
-      ? _notifSettings.push({
-          ...setting,
-          userPreferance: setting?.userPreferance?? {value:0,enabled:false},
-        })
-      : _notifSettings.push({
-          ...setting,
-          userPreferance: setting?.userPreferance??  {
-            value: setting.default ||0,
-            enabled: false,
-          }
-        })
-  );
+    settings.length &&
+    settings.forEach((setting) =>
+      isSettingType1(setting)
+        ? _notifSettings.push({
+            ...setting,
+            userPreferance: setting?.userPreferance ?? { value: 0, enabled: false },
+          })
+        : _notifSettings.push({
+            ...setting,
+            userPreferance: setting?.userPreferance ?? {
+              value: setting.default || 0,
+              enabled: false,
+            },
+          })
+    );
   return _notifSettings;
 };
 
-export const notifUserSettingFromChannelSetting = ({
-  settings
-}: {
-  settings: any[];
-}) => {
+export const notifUserSettingFromChannelSetting = ({ settings }: { settings: any[] }) => {
   const _userSettings: NotificationSettingType[] = [];
   settings &&
+    settings.length &&
     settings.forEach((setting) =>
       isSettingType1(setting)
         ? _userSettings.push({

diff --git a/packages/uiweb/src/lib/components/widget/subscriptionManager/ManageNotificationComponent.tsx b/packages/uiweb/src/lib/components/widget/subscriptionManager/ManageNotificationComponent.tsx
@@ -39,7 +39,7 @@ export const ManageNotficationsComponent: React.FC<IManageNotificationComponentP
   options: IManageNotificationComponentProps
 ) => {
   const { userSettings, channelAddress, channelInfo, handleNext, autoconnect = false } = options || {};
-  const [modifiedSettings, setModifiedSettings] = useState<PushAPI.NotificationSettingType[] | null>([...userSettings]);
+  const [modifiedSettings, setModifiedSettings] = useState<PushAPI.NotificationSettingType[]>([...userSettings]);
   const {
     unsubscribeError,
     unsubscribeLoading,

diff --git a/packages/uiweb/src/lib/components/widget/subscriptionManager/SettingsComponents.tsx b/packages/uiweb/src/lib/components/widget/subscriptionManager/SettingsComponents.tsx
@@ -19,20 +19,13 @@ interface IThemeProps {
 
 interface ISettingsComponentProps {
   settings: PushAPI.NotificationSettingType[];
-  setSettings: React.Dispatch<
-    React.SetStateAction<PushAPI.NotificationSettingType[] | null>
-  >;
+  setSettings: React.Dispatch<React.SetStateAction<PushAPI.NotificationSettingType[]>>;
 }
-export const SettingsComponent: React.FC<ISettingsComponentProps> = (
-  options: ISettingsComponentProps
-) => {
+export const SettingsComponent: React.FC<ISettingsComponentProps> = (options: ISettingsComponentProps) => {
   const theme = useContext(ThemeContext);
 
   const { settings = [], setSettings } = options || {};
-  const handleSliderChange = (
-    index: number,
-    value: number | { lower: number; upper: number }
-  ) => {
+  const handleSliderChange = (index: number, value: number | { lower: number; upper: number }) => {
     const updatedSettings = [...settings];
 
     updatedSettings[index].userPreferance!.value = value;
@@ -41,9 +34,8 @@ export const SettingsComponent: React.FC<ISettingsComponentProps> = (
 
   const handleToggleChange = (index: number) => {
     const updatedSettings = [...settings];
-    if(updatedSettings[index]?.userPreferance)
-    updatedSettings[index].userPreferance!.enabled =
-      !updatedSettings[index].userPreferance!.enabled;
+    if (updatedSettings[index]?.userPreferance)
+      updatedSettings[index].userPreferance!.enabled = !updatedSettings[index].userPreferance!.enabled;
     setSettings(updatedSettings);
   };
   return (
@@ -53,11 +45,12 @@ export const SettingsComponent: React.FC<ISettingsComponentProps> = (
       gap="15px"
       width="100%"
       maxHeight="200px"
-      justifyContent='start'
+      justifyContent="start"
       overflow="hidden scroll"
     >
-      {settings.map(
-        (setting: PushAPI.NotificationSettingType, index: number) => (
+      {settings &&
+        settings?.length &&
+        settings?.map((setting: PushAPI.NotificationSettingType, index: number) => (
           <SettingsSection
             theme={theme}
             flexDirection="column"
@@ -67,16 +60,13 @@ export const SettingsComponent: React.FC<ISettingsComponentProps> = (
             {(setting.type == 2 || setting.type == 1) && (
               <ToggleInput
                 id={`toggle${setting.type}${index}`}
-                labelHeading={`${setting?.description ||
-                 ( setting.type == 1 ? 'Boolean Setting' : 'Range Setting' )
-                } `}
+                labelHeading={`${setting?.description || (setting.type == 1 ? 'Boolean Setting' : 'Range Setting')} `}
                 checked={setting?.userPreferance?.enabled || false}
                 onToggle={() => {
                   handleToggleChange(index);
                 }}
               />
             )}
-
 
             {setting.type == 2 && setting?.userPreferance?.enabled && (
               <InputSlider
@@ -89,6 +79,8 @@ export const SettingsComponent: React.FC<ISettingsComponentProps> = (
                 onChange={({ x }) => handleSliderChange(index, x)}
               />
             )}
+            {/* uncomment this when we need this to be included in the settings feature
+          not needed as of now */}
             {/* {setting.type == 3 && setting?.userPreferance?.enabled && (
               <RangeSlider
                 startVal={(setting?.userPreferance?.value as {upper:number,lower:number})?.lower|| 0}
@@ -104,15 +96,13 @@ export const SettingsComponent: React.FC<ISettingsComponentProps> = (
               />
             )} */}
           </SettingsSection>
-        )
-      )}
+        ))}
     </ScrollSection>
   );
 };
 
 const SettingsSection = styled(Section)<IThemeProps & { divider: boolean }>`
-  border-bottom: ${(props) =>
-    props.divider ? props.theme.border?.divider : 'none'};
+  border-bottom: ${(props) => (props.divider ? props.theme.border?.divider : 'none')};
   padding-bottom: 15px;
 `;
 const ScrollSection = styled(Section)<{ theme: IWidgetTheme }>`

diff --git a/packages/uiweb/src/lib/components/widget/subscriptionManager/SubscribeComponent.tsx b/packages/uiweb/src/lib/components/widget/subscriptionManager/SubscribeComponent.tsx
@@ -37,12 +37,12 @@ export const SubscribeComponent: React.FC<ISubscribeComponentProps> = (options:
   const theme = useContext(ThemeContext);
   const { signer, setAccount, setSigner, user, account } = useWidgetData();
   const subscribeToast = useToast();
-  const [modifiedSettings, setModifiedSettings] = useState<NotificationSettingType[] | null>(
+  const [modifiedSettings, setModifiedSettings] = useState<NotificationSettingType[]>(
     useMemo(() => {
       if (channelInfo && channelInfo?.channel_settings) {
         return notifUserSettingFromChannelSetting({ settings: JSON.parse(channelInfo?.channel_settings) });
       }
-      return null;
+      return [];
     }, [channelInfo])
   );
 
@@ -51,7 +51,7 @@ export const SubscribeComponent: React.FC<ISubscribeComponentProps> = (options:
       const response = await subscribeToChannel({
         channelAddress: channelAddress,
         channelSettings: notifUserSettingFormatString({
-          settings: modifiedSettings!,
+          settings: modifiedSettings,
         }),
       });
       if (response && response?.status === 204) {

diff --git a/packages/uiweb/src/lib/dataProviders/Web3OnboardDataProvider.tsx b/packages/uiweb/src/lib/dataProviders/Web3OnboardDataProvider.tsx
@@ -7,8 +7,9 @@ import walletConnectModule from '@web3-onboard/walletconnect';
 import init from '@web3-onboard/core';
 import PushIcon from '../icons/Bell.svg';
 import { ReactNode } from 'react';
+import { AppMetaDataType, ChainType } from '../types';
 
-const APP_META_DATA = {
+const APP_META_DATA: AppMetaDataType = {
   name: 'Push Protocol',
   logo: PushIcon,
   icon: PushIcon,
@@ -24,7 +25,7 @@ const wcv2InitOptions = {
 
 const walletConnect = walletConnectModule(wcv2InitOptions);
 const coinbaseWalletSdk = coinbaseWalletModule({ darkMode: true });
-const CHAINS = [
+const CHAINS: ChainType[] = [
   {
     id: '0x1',
     token: 'ETH',

diff --git a/packages/uiweb/src/lib/types/index.ts b/packages/uiweb/src/lib/types/index.ts
@@ -127,12 +127,12 @@ export const SIDEBAR_PLACEHOLDER_KEYS = {
   NEW_CHAT: 'NEW_CHAT',
 } as const;
 
-export type SidebarPlaceholderKeys = typeof SIDEBAR_PLACEHOLDER_KEYS[keyof typeof SIDEBAR_PLACEHOLDER_KEYS];
+export type SidebarPlaceholderKeys = (typeof SIDEBAR_PLACEHOLDER_KEYS)[keyof typeof SIDEBAR_PLACEHOLDER_KEYS];
 
-export type LocalStorageKeys = typeof LOCAL_STORAGE_KEYS[keyof typeof LOCAL_STORAGE_KEYS];
-export type PushTabs = typeof PUSH_TABS[keyof typeof PUSH_TABS];
-export type PushSubTabs = typeof PUSH_SUB_TABS[keyof typeof PUSH_SUB_TABS];
-export type SocketType = typeof SOCKET_TYPE[keyof typeof SOCKET_TYPE];
+export type LocalStorageKeys = (typeof LOCAL_STORAGE_KEYS)[keyof typeof LOCAL_STORAGE_KEYS];
+export type PushTabs = (typeof PUSH_TABS)[keyof typeof PUSH_TABS];
+export type PushSubTabs = (typeof PUSH_SUB_TABS)[keyof typeof PUSH_SUB_TABS];
+export type SocketType = (typeof SOCKET_TYPE)[keyof typeof SOCKET_TYPE];
 
 export interface FileMessageContent {
   content: string;
@@ -215,3 +215,22 @@ export interface IFrame {
   frameDetails?: FrameDetails;
   message?: string;
 }
+
+export type WalletType = {
+  name: string;
+  url: string;
+};
+
+export type AppMetaDataType = {
+  name: string;
+  logo: string;
+  icon: string;
+  description: string;
+  recommendedInjectedWallets: WalletType[];
+};
+export type ChainType = {
+  id: string; // Assuming all IDs are in hexadecimal string format
+  token: string;
+  label: string;
+  rpcUrl: string;
+};