Uiweb restapi fixes

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-  "workbench.activityBar.orientation": "vertical"
+  "workbench.activityBar.orientation": "vertical",
+  "editor.formatOnSave": true
 }

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

package.json

@@ -56,11 +56,6 @@
     "viem": "^1.3.0"
   },
   "devDependencies": {
-    "browserify-zlib": "^0.2.0",
-    "https-browserify": "^1.0.0",
-    "node-polyfill-webpack-plugin": "^3.0.0",
-    "stream-browserify": "^3.0.0",
-    "stream-http": "^3.2.0",
     "@commitlint/cli": "^17.0.0",
     "@commitlint/config-angular": "^17.0.0",
     "@jscutlery/semver": "^2.27.1",
@@ -101,6 +96,7 @@
     "@web3-react/types": "^6.0.7",
     "babel-jest": "27.5.1",
     "babel-plugin-styled-components": "^1.10.7",
+    "browserify-zlib": "^0.2.0",
     "chai-as-promised": "^7.1.1",
     "commitizen": "^4.2.5",
     "cz-conventional-changelog": "^3.3.0",
@@ -110,20 +106,24 @@
     "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.5.0",
+    "https-browserify": "^1.0.0",
     "husky": "^8.0.0",
     "jest": "27.5.1",
     "jest-react-native": "18.0.0",
     "metro": "0.70.2",
     "metro-babel-register": "0.70.2",
     "metro-react-native-babel-preset": "0.70.2",
     "metro-resolver": "0.70.2",
+    "node-polyfill-webpack-plugin": "^3.0.0",
     "nx": "14.1.7",
     "patch-package": "^6.4.7",
     "prettier": "^2.5.1",
     "react-native-config": "1.4.5",
     "react-native-svg": "12.3.0",
     "react-native-svg-transformer": "1.0.0",
     "react-test-renderer": "17.0.2",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
     "ts-jest": "27.1.4",
     "ts-node": "9.1.1",
     "typescript": "5.0.2"

packages/examples/boilerplate/index.js

@@ -1,6 +1,19 @@
 import { CONSTANTS, PushAPI } from '@pushprotocol/restapi';
 import { ethers } from 'ethers';
-import input from 'input';
 
-console.log("Hello... what's my purpose?")
-console.log("To train all the hackers..")
+// Creating a random signer from a wallet, ideally this is the wallet you will connect
+const signerAlice = ethers.Wallet.createRandom();
+
+// Initialize wallet user, pass 'prod' instead of 'staging' for mainnet apps
+const userAlice = await PushAPI.initialize(signerAlice, { env: CONSTANTS.ENV.PROD });
+const userBobAddress = '0x8D4625b4e04d7dE7F158df470a71C5FC4D4d5F4B';
+
+const generateRandomWordsWithTimestamp = () => {
+  return `${Math.random().toString(36).substring(2)} - ${new Date().toISOString()}`;
+}
+
+userAlice.chat.send(userBobAddress, {
+  content: "Gm gm! It's a me... Alice! - " + generateRandomWordsWithTimestamp(),
+});
+
+console.log('Message sent from Alice to ', userBobAddress);

packages/examples/boilerplate/package.json

@@ -14,7 +14,7 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@pushprotocol/restapi": "latest",
+    "@pushprotocol/restapi": "1.7.11",
     "ethers": "5.7.2",
     "input": "1.0.1"
   },

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

@@ -33,23 +33,31 @@ export const ChatSupportTest = () => {
   return (
     //works as Chat as well as Support Chat
     <ChatWidget
-    key= {'460336a9fa83112c95894af5471cd2b1091290a11298d87ec824ed74b7c14974'}
-          chatId="0x778D3206374f8AC265728E18E3fE2Ae6b93E4ce4"
-          welcomeComponent={<div style={{display: "flex",flexDirection:'column',border:'1px solid black',overflow:'auto',height:'100%',width:'100%'}}>
-            <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>}
-
+      key={'460336a9fa83112c95894af5471cd2b1091290a11298d87ec824ed74b7c14974'}
+      chatId="4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68"
+      welcomeComponent={
+        <div
+          style={{
+            display: 'flex',
+            flexDirection: 'column',
+            border: '1px solid black',
+            overflow: 'auto',
+            height: '100%',
+            width: '100%',
+          }}
+        >
+          <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>
+      }
     />
     // <SupportChat
-  
+
     //   signer={librarySigner}
     //   supportAddress="4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68"
     //   env={env}

packages/examples/sdk-frontend-react/src/app/ChatUITest/ChatViewComponent.tsx

@@ -1,6 +1,12 @@
 import styled from 'styled-components';
 
-import { ChatView, CreateGroupModal, MODAL_BACKGROUND_TYPE, MODAL_POSITION_TYPE, UserProfile } from "@pushprotocol/uiweb";
+import {
+  ChatView,
+  CreateGroupModal,
+  MODAL_BACKGROUND_TYPE,
+  MODAL_POSITION_TYPE,
+  UserProfile,
+} from '@pushprotocol/uiweb';
 import { Section } from '../components/StyledComponents';
 import Img from '../../assets/epnsLogo.png';
 
@@ -13,22 +19,26 @@ const ChatViewComponentTest = () => {
   return (
     <div>
       <h2>Chat View Test page</h2>
-
-      <CreateGroupModal onClose={()=>{console.log('in close')}} />
-      <ChatViewComponentCard>
-      {/* <CreateGroupModal onClose={()=>{console.log('in close')}}  modalBackground={MODAL_BACKGROUND_TYPE.OVERLAY} modalPositionType={MODAL_POSITION_TYPE.RELATIVE}/> */}
-        <ChatView 
-          onVerificationFail={() => console.log("Verification Failed")} 
 
-          chatId='0xf8250D363BD1F25f52F10C21188fe82c68C049c4' 
-          chatProfileLeftHelperComponent={<img src={Img} onClick={()=>console.debug('clicked')}/>}
+      {/* <CreateGroupModal
+        onClose={() => {
+          console.log('in close');
+        }}
+      /> */}
+      <ChatViewComponentCard>
+        {/* <CreateGroupModal onClose={()=>{console.log('in close')}}  modalBackground={MODAL_BACKGROUND_TYPE.OVERLAY} modalPositionType={MODAL_POSITION_TYPE.RELATIVE}/> */}
+        <ChatView
+          onVerificationFail={() => console.log('Verification Failed')}
+          chatId="4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68"
+          chatProfileLeftHelperComponent={
+            <img src={Img} onClick={() => console.debug('clicked')} />
+          }
           chatProfileRightHelperComponent={<div>right component</div>}
-
           limit={10}
-          isConnected={true} 
+          isConnected={true}
           groupInfoModalBackground={MODAL_BACKGROUND_TYPE.OVERLAY}
-          groupInfoModalPositionType={MODAL_POSITION_TYPE.RELATIVE}
-          verificationFailModalPosition={MODAL_POSITION_TYPE.RELATIVE}
+          // groupInfoModalPositionType={MODAL_POSITION_TYPE.RELATIVE}
+          // verificationFailModalPosition={MODAL_POSITION_TYPE.RELATIVE}
 
           // welcomeComponent={<div style={{display: "flex",flexDirection:'column',border:'1px solid black'}}>
           //   <p>Welcome</p>
@@ -39,20 +49,18 @@ const ChatViewComponentTest = () => {
           //   <p>new chat</p>
           //   <p>Welcome</p>
 
-
           // </div>}
-
-         />
+        />
       </ChatViewComponentCard>
     </div>
   );
-}
+};
 
 export default ChatViewComponentTest;
 
 const ChatViewComponentCard = styled(Section)`
   height: 80vh;
-  position:relative;
+  position: relative;
 `;
 //c2d544ad9d1efd5c5a593b143bf8232875c926cf28015564e70ad078b95f807e
 //4ac5ab85c9c3d57adbdf2dba79357e56b2f9ef0256befe750d9f93af78d2ca68

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

@@ -268,7 +268,7 @@ export function App() {
       const user = await PushApi.user.get({ account: account, env });
       let pgpPrivateKey;
       const librarySigner = await library.getSigner(account);
-      const pushUser = await PushAPI.initialize(librarySigner!, {
+      const pushUser = await PushAPI.initialize({
         env: env,
         account: account,
         alpha: { feature: ['SCALABILITY_V2'] },
@@ -339,13 +339,13 @@ export function App() {
           <Web3Context.Provider value={{ account, active, library, chainId }}>
             <SocketContext.Provider value={socketData}>
               <AccountContext.Provider value={{ pgpPrivateKey, setSpaceId }}>
-                <WidgetUIProvider
-
-                >
+                <WidgetUIProvider>
                   <ChatUIProvider
                     env={env}
                     theme={darkChatTheme}
-                    // signer={signer}
+                    signer={signer}
+                    // user={pushUser}
+                    debug={true}
                   >
                     <SpacesUIProvider spaceUI={spaceUI} theme={customDarkTheme}>
                       <Routes>
@@ -410,7 +410,10 @@ export function App() {
                           element={<SecretNotificationsTest />}
                         />
                         <Route path="/channels" element={<ChannelsTest />} />
-                        <Route path="/listchannels" element={<ListChannelsTest />} />
+                        <Route
+                          path="/listchannels"
+                          element={<ListChannelsTest />}
+                        />
                         <Route path="/alias" element={<AliasTest />} />
                         <Route
                           path="/delegations"

packages/examples/several-examples/example-chat-guest-mode-functions.js

@@ -0,0 +1,18 @@
+import { CONSTANTS, PushAPI } from '@pushprotocol/restapi';
+import { ethers } from 'ethers';
+import input from 'input';
+
+console.log("Hello... what's my purpose?")
+console.log("To train all the hackers..")
+
+// Create read only user
+const readOnlyAccount = await PushAPI.initialize(null, { 
+  account: '0x0000000000000000000000000000000000000001',
+  env: CONSTANTS.ENV.PROD 
+});
+
+// get chat info
+const recipient = 'eip155:0x99A08ac6254dcf7ccc37CeC662aeba8eFA666666';
+const chatInfo = await readOnlyAccount.chat.info(recipient);
+
+console.log('Chat Info:', chatInfo);

packages/examples/several-examples/example-chat-profile-update.js

@@ -0,0 +1,39 @@
+import { CONSTANTS, PushAPI } from '@pushprotocol/restapi';
+import { ethers } from 'ethers';
+import input from 'input';
+
+console.log("Hello... what's my purpose?")
+console.log("To train all the hackers..")
+
+// Requesting private key from user
+// This is a demo to show how profile of a user can be changed
+console.log("This demo requires a wallet to be initialized via private key so that the profile can be applied");
+console.log("Alternatively just leave the input empty and we will create a new user");
+let pk = await input.text('Enter private key of your wallet -');
+if (pk.length > 0 && pk.substr(0, 2) !== '0x') {
+  pk = '0x' + pk;
+}
+
+// Loading signer from private key, ideally this is the wallet you will connect
+const signer = pk.length > 0 ? new ethers.Wallet(pk) : ethers.Wallet.createRandom();
+
+// Print wallet address
+console.log('Wallet address: ', signer.address);
+
+// Initialize wallet user, pass 'prod' instead of 'staging' for mainnet apps
+let userAlice = await PushAPI.initialize(signer, { env: CONSTANTS.ENV.PROD });
+console.log('User initialized the user', userAlice);
+
+let name = await input.text('Enter Push Profile Name -');
+let desc = await input.text('Enter Push Profile Desc -');
+
+// Manually input this as base64 encoded image might be too long
+let image = await input.text('Enter Push Profile Image -');
+
+userAlice = await userAlice.profile.update({ 
+  name: name !== '' ? name : null, 
+  desc: desc !== '' ? desc : null, 
+  image: image !== '' ? image : null 
+});
+console.log('User updated the profile', userAlice);
+