Merge pull request #1509 from push-protocol/localsdk

Added support for frames and video playback using uiweb alpha

dev-mode-link-local-sdk.mjs

@@ -15,6 +15,8 @@ const packageJSONWatcher = {
     'animejs@^2.2.0',
     'classnames@^2.2.5',
     'raf@^3.4.0',
+    'protobufjs@^7.2.6',
+    'react-code-blocks@^0.1.6',
     '@livepeer/react@^2.9.2',
     '@livekit/components-react@^1.5.3',
     'livekit-client@^1.15.13',

package.json

@@ -39,9 +39,9 @@
     "@mui/icons-material": "^5.8.4",
     "@mui/lab": "^5.0.0-alpha.72",
     "@mui/material": "^5.5.0",
-    "@pushprotocol/restapi": "1.6.12-alpha.5",
+    "@pushprotocol/restapi": "1.7.15",
     "@pushprotocol/socket": "0.5.3",
-    "@pushprotocol/uiweb": "1.2.11",
+    "@pushprotocol/uiweb": "1.3.1",
     "@reduxjs/toolkit": "^1.7.1",
     "@testing-library/dom": "^9.0.1",
     "@testing-library/jest-dom": "^4.2.4",
@@ -113,7 +113,7 @@
     "react-joyride": "^2.4.0",
     "react-loader-spinner": "^5.3.4",
     "react-multi-select-component": "^4.2.3",
-    "react-player": "2.9.0",
+    "react-player": "^2.16.0",
     "react-query": "^3.39.1",
     "react-redux": "^7.2.6",
     "react-router-dom": "^6.9.0",

src/App.tsx

@@ -277,7 +277,7 @@ export default function App() {
           <ChatUIProvider
             user={userPushSDKInstance}
             theme={darkMode && darkChatTheme}
-            debug={true}
+            debug={false}
             uiConfig={{
               suppressToast: false,
             }}

src/modules/chat/ChatModule.tsx

@@ -104,6 +104,7 @@ function Chat({ chatid }) {
   const [intents, setIntents] = useState<Feeds[]>([]);
   const [inbox, setInbox] = useState<Feeds[]>([]);
   const [hasUserBeenSearched, setHasUserBeenSearched] = useState<boolean>(false);
+  // TODO: Add proper types and lean the logic
   const [activeTab, setCurrentTab] = useState<number>(0);
   const [userShouldBeSearched, setUserShouldBeSearched] = useState<boolean>(false);
   const [filteredUserData, setFilteredUserData] = useState<User[]>([]);
@@ -305,7 +306,7 @@ function Chat({ chatid }) {
                   flex="1"
                   maxWidth="310px"
                   minWidth="280px"
-                  padding="10px 10px 10px 20px"
+                  padding="0px"
                   boxSizing="border-box"
                   background={theme.default.bg}
                   chatActive={isUserChatting && userPushSDKInstance && !userPushSDKInstance?.readmode()}