v0.2.5

Author: Artem-K-Koltunov

README.md

@@ -35,7 +35,7 @@ QuickBlox UIKit for React provides next functionality:
 The QuickBlox UIKit for React comprises a collection of pre-assembled UI components that enable effortless creation of an in-app chat equipped with all the necessary messaging functionalities. Our development kit encompasses light and dark themes, colors, and various other features. These components can be personalized to fashion an engaging messaging interface that reflects your brand's distinct identity.
 
 The QuickBlox UIKit fully supports both private and group dialogs. To initiate the process of sending a message from the ground up using Java or Kotlin, please refer to the instructions provided in the guide below.
-
+[Additional information with sample](https://docs.quickblox.com/docs/react-uikit-send-your-first-message)
 ## Requirements
 
 The minimum requirements for QuickBlox UIKit for React are:
@@ -293,7 +293,8 @@ and specify selected components:
 # Sample
 
 https://github.com/QuickBlox/quickblox-javascript-sdk/tree/gh-pages/samples/react-chat-ui-kit-init-sample
-
+## Video guide "How to use AI Feature"
+[Youtube video about AI Assistant](https://youtu.be/BneMtDagOy4)
 # License
 [](#license)
 MIT License [here](https://github.com/QuickBlox/react-ui-kit/blob/main/LICENSE.md).

global.d.ts

@@ -1,3 +1,9 @@
+interface Tone {
+  name: string;
+  description: string;
+  iconEmoji: string;
+}
+
 type Dictionary<T> = Record<string, T>;
 
 type DictionaryByKey<T, V> = {
@@ -21,20 +27,22 @@ type ProxyConfig = {
   api: string;
   servername: string;
   port: string;
-  sessionToken: string;
 };
 interface WidgetConfig {
   apiKey: string;
   useDefault: boolean;
+  maxTokens: number;
   proxyConfig: ProxyConfig;
 }
 
-interface AITranslateWidgetConfig extends WidgetConfig{
-  defaultLanguage: string; languages: string[];
+interface AITranslateWidgetConfig extends WidgetConfig {
+  defaultLanguage: string;
+  languages: string[];
 }
 
 interface AIRephraseWidgetConfig extends WidgetConfig {
-  defaultTone: string
+  defaultTone: string;
+  Tones: Tone[];
 }
 
 interface QBConfig {

package-lock.json

@@ -1,13 +1,17 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "main": "dist/index-ui.js",
   "license": "MIT",
   "dependencies": {
     "@types/node": "^16.18.6",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
     "classnames": "^2.3.2",
+    "qb-ai-answer-assistant": "^0.1.0",
+    "qb-ai-core": "^0.1.0",
+    "qb-ai-rephrase": "^0.1.0",
+    "qb-ai-translate": "^0.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^6.11.1",

package.json

@@ -28,7 +28,7 @@ function App() {
   const { connectionRepository } = useQBConnection();
 
   const initLoginData: LoginData = {
-    login: 'artimed', // vit1
+    login: 'anruaav2', // vit1
     password: 'quickblox',
   };
 

src/App.tsx

@@ -1,3 +1,5 @@
+import {Tone} from "../Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone";
+
 export type FunctionResult<T> = {
   result: T | T[] | boolean;
   error: any;
@@ -7,10 +9,12 @@ export type ProxyConfig = {
   api: string;
   servername: string;
   port: string;
-  sessionToken: string;
 };
 export interface WidgetConfig {
+  organizationName: string;
+  openAIModel: string;
   apiKey: string;
+  maxTokens: number;
   useDefault: boolean;
   proxyConfig: ProxyConfig;
 }
@@ -22,6 +26,7 @@ export interface AITranslateWidgetConfig extends WidgetConfig {
 
 export interface AIRephraseWidgetConfig extends WidgetConfig {
   defaultTone: string;
+  Tones: Tone[];
 }
 
 export interface QBConfig {