quickblox-react-ui-kit 0.2.3 → 0.2.5

package/src/Domain/use_cases/ai/AIAnswerAssistWithProxyUseCase.ts

@@ -0,0 +1,71 @@
+// eslint-disable-next-line import/extensions
+import { QBAIAnswerAssistant } from 'qb-ai-answer-assistant';
+import { IChatMessage } from '../../../Data/source/AISource';
+import { IUseCase } from '../base/IUseCase';
+
+export class AIAnswerAssistWithProxyUseCase implements IUseCase<void, string> {
+  private textToSend: string;
+
+  private dialogMessages: IChatMessage[];
+
+  private servername: string;
+
+  private api: string;
+
+  private port: string;
+
+  private sessionToken: string;
+
+  private openAIModel: string;
+
+  constructor(
+    textToSend: string,
+    dialogMessages: IChatMessage[],
+    servername: string,
+    api: string,
+    port: string,
+    sessionToken: string,
+    openAIModel = 'gpt-3.5-turbo',
+  ) {
+    console.log('CONSTRUCTOR AIRephraseUseCase');
+    this.api = api;
+    this.openAIModel = openAIModel;
+    this.port = port;
+    this.sessionToken = sessionToken;
+    this.textToSend = textToSend;
+    this.servername = servername;
+    this.dialogMessages = dialogMessages;
+  }
+
+  async execute(): Promise<string> {
+    console.log('execute AIRephraseUseCase');
+
+    const settings =
+      QBAIAnswerAssistant.createDefaultAIAnswerAssistantSettings();
+
+    settings.token = this.sessionToken;
+    // settings.organization = 'Quickblox';
+    settings.model = this.openAIModel;
+    settings.serverPath = `${this.servername}:${this.port}/${this.api}`;
+
+    return QBAIAnswerAssistant.createAnswer(
+      this.textToSend,
+      this.dialogMessages,
+      settings,
+    );
+
+    // const prompt = AIUtils.createAnswerAssistPrompt(this.textToSend);
+    //
+    // //
+    // return AISource.getDataWithProxyServer(
+    //   prompt,
+    //   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    //   this.dialogMessages,
+    //   this.servername,
+    //   this.api,
+    //   this.port,
+    //   this.sessionToken,
+    //   this.openAIModel,
+    // );
+  }
+}

package/src/Domain/use_cases/ai/AIRephraseUseCase.ts

@@ -1,10 +1,8 @@
 // eslint-disable-next-line import/extensions
-import { AISource, IChatMessage } from '../../../Data/source/AISource';
+import { QBAIRephrase } from 'qb-ai-rephrase';
+import { IChatMessage } from '../../../Data/source/AISource';
 import { IUseCase } from '../base/IUseCase';
-import {
-  Tone,
-  toneToString,
-} from '../../../Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone';
+import { Tone } from '../../../Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone';
 
 export class AIRephraseUseCase implements IUseCase<void, string> {
   private textToSend: string;
@@ -47,41 +45,45 @@ export class AIRephraseUseCase implements IUseCase<void, string> {
   async execute(): Promise<string> {
     console.log('execute AIRephraseUseCase');
 
-    let prompt = `Analyze the entire context of our conversation – all the messages – and create a brief summary of our discussion. Based on this analysis, rephrase the following text in a style and tone that is typical for most of the dialogue messages. Provide only the rephrased text in as the message text to rephrase and nothing more.Give me only rephrase text in brackets and nothing more. Here is the message text to rephrase:"${this.textToSend}"`;
+    const settings = QBAIRephrase.createDefaultAIRephraseSettings();
 
-    if (this.tone) {
-      prompt = `Analyze the entire context of our conversation – all the messages – and create a brief summary of our discussion. Based on this analysis, rephrase the following text in a ${toneToString(
-        this.tone,
-      )} style. Provide only the rephrased text in the same language as the message text to rephrase and nothing more.Give me only rephrase text in brackets and nothing more. Here is the message text to rephrase:"${
-        this.textToSend
-      }"`;
-    }
-    //
+    settings.apiKey = this.sessionToken;
+    // settings.organization = 'Quickblox';
+    settings.model = this.openAIModel;
+    settings.tone = this.tone;
 
-    // return await AISource.getData(
-    //     prompt,
-    //     // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-    //     context,
-    //     servername,
-    //     api,
-    //     port,
-    //     apiKeyOrSessionToken,
-    // ).then((data) => {
-    //     setTextFromWidgetToContent(data);
-    //
-    //     return data;
-    // });
+    return QBAIRephrase.rephrase(
+      this.textToSend,
+      this.dialogMessages,
+      settings,
+    );
 
-    //
-    return AISource.getData(
-      prompt,
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    /*
+    const settings: AITranslateSettings =
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      QBAITranslate.createDefaultAITranslateSettings();
+
+    settings.apiKey = this.sessionToken;
+    settings.language = this.language;
+
+    return QBAITranslate.translate(
+      this.textToSend,
       this.dialogMessages,
-      this.servername,
-      this.api,
-      this.port,
-      this.sessionToken,
-      this.openAIModel,
+      settings,
     );
+     */
+
+    // const prompt = AIUtils.createRephrasePrompt(this.textToSend, this.tone);
+    //
+    // return AISource.getData(
+    //   prompt,
+    //   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    //   this.dialogMessages,
+    //   this.servername,
+    //   this.api,
+    //   this.port,
+    //   this.sessionToken,
+    //   this.openAIModel,
+    // );
   }
 }

package/src/Domain/use_cases/ai/AIRephraseWithProxyUseCase.ts

@@ -1,10 +1,8 @@
 // eslint-disable-next-line import/extensions
-import { AISource, IChatMessage } from '../../../Data/source/AISource';
+import { QBAIRephrase } from 'qb-ai-rephrase';
+import { IChatMessage } from '../../../Data/source/AISource';
 import { IUseCase } from '../base/IUseCase';
-import {
-  Tone,
-  toneToString,
-} from '../../../Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone';
+import { Tone } from '../../../Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone';
 
 export class AIRephraseWithProxyUseCase implements IUseCase<void, string> {
   private textToSend: string;
@@ -47,25 +45,31 @@ export class AIRephraseWithProxyUseCase implements IUseCase<void, string> {
   async execute(): Promise<string> {
     console.log('execute AIRephraseUseCase');
 
-    let prompt = `Analyze the entire context of our conversation – all the messages – and create a brief summary of our discussion. Based on this analysis, rephrase the following text in a style and tone that is typical for most of the dialogue messages. Provide only the rephrased text in as the message text to rephrase and nothing more.Give me only rephrase text in brackets and nothing more. Here is the message text to rephrase:"${this.textToSend}"`;
+    const settings = QBAIRephrase.createDefaultAIRephraseSettings();
 
-    if (this.tone) {
-      prompt = `Analyze the entire context of our conversation – all the messages – and create a brief summary of our discussion. Based on this analysis, rephrase the following text in a ${toneToString(
-        this.tone,
-      )} style. Provide only the rephrased text in the same language as the message text to rephrase and nothing more.Give me only rephrase text in brackets and nothing more. Here is the message text to rephrase:"${
-        this.textToSend
-      }"`;
-    }
+    settings.token = this.sessionToken;
+    // settings.organization = 'Quickblox';
+    settings.model = this.openAIModel;
+    settings.tone = this.tone;
+    settings.serverPath = `${this.servername}:${this.port}/${this.api}`;
 
-    return AISource.getDataWithProxyServer(
-      prompt,
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    return QBAIRephrase.rephrase(
+      this.textToSend,
       this.dialogMessages,
-      this.servername,
-      this.api,
-      this.port,
-      this.sessionToken,
-      this.openAIModel,
+      settings,
     );
+
+    // const prompt = AIUtils.createRephrasePrompt(this.textToSend, this.tone);
+    //
+    // return AISource.getDataWithProxyServer(
+    //   prompt,
+    //   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    //   this.dialogMessages,
+    //   this.servername,
+    //   this.api,
+    //   this.port,
+    //   this.sessionToken,
+    //   this.openAIModel,
+    // );
   }
 }

package/src/Domain/use_cases/ai/AITranslateUseCase.ts

@@ -0,0 +1,76 @@
+import { AITranslateSettings, QBAITranslate } from 'qb-ai-translate';
+import { IChatMessage } from '../../../Data/source/AISource';
+import { IUseCase } from '../base/IUseCase';
+
+export class AITranslateUseCase implements IUseCase<void, string> {
+  private textToSend: string;
+
+  private language: string;
+
+  private dialogMessages: IChatMessage[];
+
+  private servername: string;
+
+  private api: string;
+
+  private port: string;
+
+  private sessionToken: string;
+
+  private openAIModel: string;
+
+  constructor(
+    textToSend: string,
+    language: string,
+    dialogMessages: IChatMessage[],
+    servername: string,
+    api: string,
+    port: string,
+    sessionToken: string,
+    openAIModel = 'gpt-3.5-turbo',
+  ) {
+    console.log('CONSTRUCTOR AIRephraseUseCase');
+    this.api = api;
+    this.openAIModel = openAIModel;
+    this.port = port;
+    this.sessionToken = sessionToken;
+    this.textToSend = textToSend;
+    this.language = language;
+    this.servername = servername;
+    this.dialogMessages = dialogMessages;
+  }
+
+  async execute(): Promise<string> {
+    console.log('execute AIRephraseUseCase');
+    const settings: AITranslateSettings =
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      QBAITranslate.createDefaultAITranslateSettings();
+
+    settings.apiKey = this.sessionToken;
+    // settings.organization = 'Quickblox';
+    settings.model = this.openAIModel;
+    settings.language = this.language;
+
+    return QBAITranslate.translate(
+      this.textToSend,
+      this.dialogMessages,
+      settings,
+    );
+
+    // const prompt = AIUtils.createTranslatePrompt(
+    //   this.textToSend,
+    //   this.language,
+    // );
+    //
+    // return AISource.getData(
+    //   prompt,
+    //   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    //   this.dialogMessages,
+    //   this.servername,
+    //   this.api,
+    //   this.port,
+    //   this.sessionToken,
+    //   this.openAIModel,
+    // );
+  }
+}

package/src/Domain/use_cases/ai/AITranslateWithProxyUseCase.ts

@@ -0,0 +1,79 @@
+// eslint-disable-next-line import/extensions
+import { AITranslateSettings, QBAITranslate } from 'qb-ai-translate';
+import { IChatMessage } from '../../../Data/source/AISource';
+import { IUseCase } from '../base/IUseCase';
+
+export class AITranslateWithProxyUseCase implements IUseCase<void, string> {
+  private textToSend: string;
+
+  private language: string;
+
+  private dialogMessages: IChatMessage[];
+
+  private servername: string;
+
+  private api: string;
+
+  private port: string;
+
+  private sessionToken: string;
+
+  private openAIModel: string;
+
+  constructor(
+    textToSend: string,
+    language: string,
+    dialogMessages: IChatMessage[],
+    servername: string,
+    api: string,
+    port: string,
+    sessionToken: string,
+    openAIModel = 'gpt-3.5-turbo',
+  ) {
+    console.log('CONSTRUCTOR AIRephraseUseCase');
+    this.api = api;
+    this.openAIModel = openAIModel;
+    this.port = port;
+    this.sessionToken = sessionToken;
+    this.textToSend = textToSend;
+    this.language = language;
+    this.servername = servername;
+    this.dialogMessages = dialogMessages;
+  }
+
+  async execute(): Promise<string> {
+    console.log('execute AIRephraseUseCase');
+
+    const settings: AITranslateSettings =
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-call
+      QBAITranslate.createDefaultAITranslateSettings();
+
+    settings.token = this.sessionToken;
+    // settings.organization = 'Quickblox';
+    settings.model = this.openAIModel;
+    settings.language = this.language;
+    settings.serverPath = `${this.servername}:${this.port}/${this.api}`;
+
+    return QBAITranslate.translate(
+      this.textToSend,
+      this.dialogMessages,
+      settings,
+    );
+
+    // const prompt = AIUtils.createTranslatePrompt(
+    //   this.textToSend,
+    //   this.language,
+    // );
+    //
+    // return AISource.getDataWithProxyServer(
+    //   prompt,
+    //   // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+    //   this.dialogMessages,
+    //   this.servername,
+    //   this.api,
+    //   this.port,
+    //   this.sessionToken,
+    //   this.openAIModel,
+    // );
+  }
+}

package/src/Domain/use_cases/base/Subscribable/SubscriptionPerformer.ts

@@ -35,20 +35,17 @@ export class SubscriptionPerformer<TArg> implements ISubscribable<TArg> {
 
   protected EVENT_TYPE: string = EventMessageType.LocalMessage;
 
+  // eslint-disable-next-line class-methods-use-this
   public release(): void {
-    Object.entries(this.onEventByTypeSubscribers).map((x) => {
-      const eventName = x[0];
-
-      this.onEventByTypeSubscribers[eventName][this.EVENT_NAME] = () => {
-        console.log('ERROR release event in SubscriptionPerformer');
-      };
-
-      return this.onEventByTypeSubscribers[eventName][this.EVENT_NAME];
-    });
+    console.log('SubscriptionPerformer release actions.');
     // Object.entries(this.onEventByTypeSubscribers).map((x) => {
     //   const eventName = x[0];
     //
-    //   return this.onEventByTypeSubscribers[eventName].slice();
+    //   this.onEventByTypeSubscribers[eventName][this.EVENT_NAME] = () => {
+    //     console.log('ERROR release event in SubscriptionPerformer');
+    //   };
+    //
+    //   return this.onEventByTypeSubscribers[eventName][this.EVENT_NAME];
     // });
   }
 

package/src/Presentation/Views/Base/BaseViewModel.ts

@@ -3,6 +3,7 @@ import { GroupDialogEntity } from '../../../Domain/entity/GroupDialogEntity';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
 import { FileEntity } from '../../../Domain/entity/FileEntity';
 import { IChatMessage } from '../../../Data/source/AISource';
+import { Tone } from '../../components/UI/Dialogs/MessagesView/AIWidgets/Tone';
 
 export default class BaseViewModel<TResult> {
   get entity(): TResult {
@@ -52,6 +53,7 @@ export type EditDialogParams = {
 };
 
 export type FunctionTypeFileToToVoid = (file: File) => void;
+export type FunctionTypeFileToToBoolean = (file: File) => Promise<boolean>;
 export type FunctionTypePaginationToVoid = (pagination: Pagination) => void;
 export type FunctionTypeVoidToVoid = () => void;
 export type FunctionTypeStringToVoid = (value: string) => void;
@@ -86,3 +88,4 @@ export type FunctionTypeStringWithContextToString = (
   context: IChatMessage[],
   additionalSettings?: { [key: string]: any },
 ) => Promise<string>;
+export type FunctionTypeVoidToTones = () => Tone[];

package/src/Presentation/Views/Dialogs/Dialogs.scss

@@ -72,5 +72,8 @@
     display: flex;
     align-items: center;
     letter-spacing: 0.15px;
+
+    border: none;
+    outline: none;
   }
 }

package/src/Presentation/Views/Dialogs/Dialogs.tsx

@@ -213,7 +213,7 @@ const DialogsComponent: React.FC<DialogsProps> = ({
       ) {
         const imagePhoto = (currentDialog.entity as GroupDialogEntity).photo;
 
-        console.log('Dialogs: avatar: ', imagePhoto || 'NO FOTO');
+        // console.log('Dialogs: avatar: ', imagePhoto || 'NO FOTO');
         AvatarComponent = imagePhoto ? (
           <img
             style={{ width: '55px', height: '55px', borderRadius: '50%' }}