samples up to react ui kit version 0.2.8

Author: Artem-K-Koltunov

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

@@ -10,7 +10,7 @@
       + [2.1 Get application credentials](#21-get-application-credentials)
       + [2.2 Set application credentials](#22-set-application-credentials)
       + [2.3 Run the application](#23-run-the-application)
-- [Documentation and video guides](#documentation)
+- [Documentation](#documentation)
 - [License](#license)
 
 # About
@@ -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.2.4
+- QuickBlox React UIKit library v0.2.8
 - React JS v.18.0
 - TypeScript v.4.9.3
 
@@ -110,10 +110,10 @@ Before run a code sample:
 
 Run `npm start` for a dev server. Navigate to `http://localhost:3000/`. The app will automatically reload if you change any of the source files.
 
-# Documentation and video guides
+# Documentation
 [](#documentation)
 Sample documentation is available [here](https://docs.quickblox.com/docs/react-uikit).
-Video guide "How to use AI Assistant" is available [here](https://youtu.be/BneMtDagOy4)
+
 # License
 [](#license)
 MIT License [here](https://github.com/QuickBlox/react-ui-kit/blob/main/LICENSE.md).

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

@@ -1,6 +1,6 @@
 {
   "name": "react-chat",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "private": true,
   "dependencies": {
     "@emotion/react": "^11.11.0",
@@ -11,9 +11,9 @@
     "@types/node": "^16.18.28",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
-    "quickblox-react-ui-kit": "^0.2.7-release-final",
     "node-sass": "^8.0.0",
     "quickblox": "^2.16.1",
+    "quickblox-react-ui-kit": "0.2.8",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^6.4.3",

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

@@ -185,7 +185,7 @@ function App() {
                                       />
                                   </div>
                                   {/*<QuickBloxUIKitDesktopLayout theme={new CustomTheme()}  />*/}
-                                  <QuickBloxUIKitDesktopLayout />
+                                  <QuickBloxUIKitDesktopLayout uikitHeightOffset={"32px"} />
                               </div>
                           </div>
                           :

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

@@ -123,10 +123,16 @@ export const QBConfig = {
         debug: true,
         enableForwarding: true,
         enableReplying: true,
+        regexUserName: '^(?=[a-zA-Z])[-a-zA-Z_ ]{3,49}(?<! )$',
         endpoints: {
             api: 'api.quickblox.com',
             chat: 'chat.quickblox.com',
         },
+        // bot server endpoints:
+        // endpoints: {
+        //     api: 'apitest.quickblox.com',
+        //     chat: 'chattest.quickblox.com',
+        // },
         // on: {
         //     // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await
         //     async sessionExpired(handleResponse: any, retry: any) {

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

@@ -56,9 +56,9 @@ const Auth = ({children} : AuthProps) => {
             </div>
             <div className="login__footer">
                 <div className="footer__logo_wrap">
-                    <p>Sample React Chat UIKit DemoApp  v1.0.13</p>
+                    <p>Sample React Chat UIKit DemoApp  v1.0.14</p>
                     <br />
-                    <p>React Chat UIKit v0.2.7</p>
+                    <p>React Chat UIKit v0.2.8</p>
                     <br />
                     <p><Copyright /></p>
                 </div>

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

@@ -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.2.7-release-final",
+    "quickblox-react-ui-kit": "^0.2.8",
     "quickblox": "^2.16.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

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

@@ -13,8 +13,8 @@ import './App.css';
 function App() {
 
   const currentUser: LoginData = {
-    login: 'anruaav2',
-    password: 'quickblox',
+    login: '',
+    password: '',
   };
 
   const qbUIKitContext: QBDataContextType = useQbUIKitDataContext();
@@ -102,6 +102,7 @@ function App() {
               isSDKInitialized && isUserAuthorized
                   ?
                   <QuickBloxUIKitDesktopLayout
+                      uikitHeightOffset={"32px"}
                       // AIAssist={{
                       //     enabled: true,
                       //     default: true,

samples/react-chat-ui-kit-init-sample/src/App.tsx

@@ -57,6 +57,7 @@ export const QBConfig = {
         debug: true,
         enableForwarding: true,
         enableReplying: true,
+        regexUserName: '^(?=[a-zA-Z])[-a-zA-Z_ ]{3,49}(?<! )$',
         endpoints: {
             api: 'api.quickblox.com',
             chat: 'chat.quickblox.com',

samples/react-chat-ui-kit-init-sample/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.2.7-release-final",
+    "quickblox-react-ui-kit": "^0.2.8",
     "quickblox": "^2.16.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",