React Chat samples for React UIKit v1.0.8 is updated

Author: Artem-K-Koltunov

samples/react-chat-ui-kit-demo-app/README.md

@@ -25,7 +25,7 @@ This is a code sample for [QuickBlox](http://quickblox.com/) platform. It is a g
 The minimum requirements for QuickBlox UIKit for React sample are:
 
 - JS QuickBlox SDK v2.15.5
-- QuickBlox React UIKit library v0.1.7
+- QuickBlox React UIKit library v0.1.8
 - React JS v.18.0
 - TypeScript v.4.9.3
 

samples/react-chat-ui-kit-demo-app/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "react-chat",
-  "version": "1.0.4",
+  "version": "1.0.3",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.11.0",
@@ -11,7 +11,7 @@
     "@types/node": "^16.18.28",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
-    "quickblox-react-ui-kit": "^0.1.7",
+    "quickblox-react-ui-kit": "^0.1.8",
     "node-sass": "^8.0.0",
     "quickblox": "^2.15.5",
     "react": "^17.0.0 || ^18.0.0",

samples/react-chat-ui-kit-demo-app/package.json

@@ -2,13 +2,12 @@ import React, {useEffect, useState} from 'react';
 import {prepareSDK,  createUserAction, logout, createUserSession, connectToChatServer,
     UserCreationStatus, UserData} from './QBHeplers';
 import {
-    AuthorizationData,
     LoginData,
     MainButton,
-    qbDataContext,
+    useQbUIKitDataContext,
     QuickBloxUIKitDesktopLayout,
     QuickBloxUIKitProvider,
-    TypeButton,
+    TypeButton, QBDataContextType,
 } from 'quickblox-react-ui-kit';
 import './App.scss';
 import {QBConfig} from "./QBconfig";
@@ -18,7 +17,7 @@ import SignIn from "./SignIn/SignIn";
 import SignUp from "./SignUp/SignUp";
 
 function App() {
-    const qbUIKitContext = React.useContext(qbDataContext);
+    const qbUIKitContext: QBDataContextType = useQbUIKitDataContext();
 
     const [isUserAuthorized, setUserAuthorized] = React.useState(false);
     const [isSDKInitialized, setSDKInitialized] = React.useState(false);

samples/react-chat-ui-kit-demo-app/src/App.tsx

@@ -1,9 +1,9 @@
 export const QBConfig = {
   credentials: {
     appId: -1,
+    accountKey: '',
     authKey: '',
     authSecret: '',
-    accountKey: '',
     sessionToken: '',
   },
   appConfig: {

samples/react-chat-ui-kit-demo-app/src/QBconfig.ts

@@ -10,7 +10,7 @@
     "@types/node": "^16.18.37",
     "@types/react": "^18.2.14",
     "@types/react-dom": "^18.2.6",
-    "quickblox-react-ui-kit": "^0.1.7",
+    "quickblox-react-ui-kit": "^0.1.8",
     "quickblox": "^2.15.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

samples/react-chat-ui-kit-init-sample/package-lock.json

@@ -4,8 +4,9 @@ import React, { useEffect } from 'react';
 import * as QB from "quickblox/quickblox";
 import {
   QuickBloxUIKitProvider,
-  qbDataContext,
-  QuickBloxUIKitDesktopLayout, LoginData, AuthorizationData, QBDataContextType,
+  QuickBloxUIKitDesktopLayout, LoginData, AuthorizationData,
+  QBDataContextType,
+  useQbUIKitDataContext
 } from 'quickblox-react-ui-kit';
 import { QBConfig } from './QBconfig';
 import './App.css';
@@ -17,7 +18,7 @@ function App() {
     password: '',
   };
 
-  const qbUIKitContext: QBDataContextType = React.useContext(qbDataContext);
+  const qbUIKitContext: QBDataContextType = useQbUIKitDataContext();
 
   const [isUserAuthorized, setUserAuthorized] = React.useState(false);
   const [isSDKInitialized, setSDKInitialized] = React.useState(false);