quickblox-react-ui-kit 0.2.4 → 0.2.6-patch

package/public/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow:

package/src/App.tsx

@@ -1,246 +0,0 @@
-import React, { useEffect } from 'react';
-import './App.scss';
-import { Route, Routes, useNavigate } from 'react-router-dom';
-import useQBConnection from './Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection';
-import { LocalDataSource } from './Data/source/local/LocalDataSource';
-import Login from './Presentation/components/layouts/TestStage/LoginView/Login';
-import QuickBloxUIKitProvider from './Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider';
-import TestStageMarkup from './Presentation/components/layouts/TestStage/TestStageMarkup';
-import { Stubs } from './Data/Stubs';
-import {
-  LoginData,
-  RemoteDataSource,
-} from './Data/source/remote/RemoteDataSource';
-import QuickBloxUIKitDesktopLayout from './Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout';
-import DefaultTheme from './Presentation/assets/DefaultThemes/DefaultTheme';
-import useQbUIKitDataContext from './Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext';
-import { QBConfig } from './QBconfig';
-
-function App() {
-  // const currentContext = React.useContext(qbDataContext);
-  const currentContext = useQbUIKitDataContext();
-
-  const remoteDataSource: RemoteDataSource =
-    currentContext.storage.REMOTE_DATA_SOURCE;
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const localDataSource: LocalDataSource =
-    currentContext.storage.LOCAL_DATA_SOURCE;
-  const { connectionRepository } = useQBConnection();
-
-  const initLoginData: LoginData = {
-    login: 'artimed', // vit1
-    password: 'quickblox',
-  };
-
-  const [currentUser, setCurrentUser] = React.useState(initLoginData);
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  async function prepareMockData() {
-    await Stubs.initializeWithUsersMockData(localDataSource);
-    //
-    await Stubs.initializeWithMessagesMockData(localDataSource);
-    //
-    await Stubs.initializeWithDialogsMockData(localDataSource);
-  }
-
-  const navigate = useNavigate();
-
-  const logoutHandler = async () => {
-    console.log('call logout...');
-    currentContext.storage.SYNC_DIALOGS_USE_CASE.release();
-    console.log('call release...');
-    connectionRepository.stopKeepAlive();
-    console.log('call stopKeepAlive...');
-    await remoteDataSource.disconnectAndLogoutUser();
-    console.log('call disconnectAndLogoutUser...');
-    await currentContext.storage.LOCAL_DATA_SOURCE.clearAll();
-    console.log('call clearAll...');
-    setCurrentUser({ login: '', password: '' });
-    navigate('/');
-  };
-
-  const prepareSDK = async (authData: LoginData): Promise<void> => {
-    console.log('call prepareSDK with data:', authData);
-    // todo: must be real remote datasource
-    if (remoteDataSource.needInit) {
-      console.log('start prepareSDK actions with data:', authData);
-      await remoteDataSource.initSDKWithUser(
-        {
-          appIdOrToken: currentContext.InitParams.accountData.appId,
-          authKeyOrAppId: currentContext.InitParams.accountData.authKey,
-          authSecret: currentContext.InitParams.accountData.authSecret,
-          accountKey: currentContext.InitParams.accountData.accountKey,
-          config: QBConfig,
-        },
-        authData,
-      );
-      // await prepareMockData();
-      // todo: temporary off, must turn on and reorganize code rows
-      await connectionRepository.initializeStates();
-      console.log(
-        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-        `3. after repo initialize, need init ${connectionRepository.needInit}`,
-      );
-      if (!connectionRepository.needInit) {
-        connectionRepository.keepALiveChatConnection();
-      }
-      //
-      await currentContext.storage.SYNC_DIALOGS_USE_CASE.execute(() => {
-        console.log('SYNC_DIALOGS_USE_CASE_MOCK.execute');
-      }).catch(() => {
-        console.log('EXCEPTION SYNC_DIALOGS_USE_CASE_MOCK.execute');
-      });
-      currentContext.storage.REMOTE_DATA_SOURCE.subscribeOnSessionExpiredListener(
-        () => {
-          console.log('call subscribeOnSessionExpiredListener');
-          console.timeLog('subscribeOnSessionExpiredListener');
-          logoutHandler();
-        },
-      );
-      //
-      QB.chat.onSessionExpiredListener = function (error) {
-        if (error) {
-          console.log('onSessionExpiredListener - error: ', error);
-        } else {
-          console.log('Hello from client app SessionExpiredListener');
-        }
-      };
-      //
-    }
-  };
-
-  const reloginSDK = async (authData: LoginData): Promise<void> => {
-    //
-    // TODO: 1. disconnect 2. setup new user
-    console.log('call reloginSDK with data:', JSON.stringify(authData));
-    currentContext.storage.SYNC_DIALOGS_USE_CASE.release();
-    connectionRepository.stopKeepAlive();
-    await remoteDataSource.disconnectAndLogoutUser();
-    await currentContext.storage.LOCAL_DATA_SOURCE.clearAll();
-
-    await remoteDataSource.loginWithUser(authData);
-    //
-    // todo: temporary off, must turn on and reorganize code rows
-    await connectionRepository.initializeStates();
-    console.log(
-      // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
-      `3. after repo initialize in reloginSDK, need init ${connectionRepository.needInit}`,
-    );
-    if (!connectionRepository.needInit) {
-      connectionRepository.keepALiveChatConnection();
-    }
-    //
-  };
-
-  // eslint-disable-next-line @typescript-eslint/require-await
-  const prepareContent = async (): Promise<void> => {
-    console.log('PREPARE CONTENT');
-    // todo: must delete it and ADD Preload data (read first page everywhere)
-    // или во все юзкейсы 2) Get/Sync execute(completed/callback):Promise<Entity[]>
-    // await prepareMockData();
-    console.log('ADD REAL DATA TO DIALOG MOCK DATA ');
-    // await remoteDataSource.getDialogsFirstPage();
-    // await remoteDataSource.setUpMockStorage();
-    //
-    //
-  };
-
-  const loginHandler = async (data: LoginData): Promise<void> => {
-    setCurrentUser(data);
-    console.log(`call login actions: ${JSON.stringify(data)}`);
-    if (remoteDataSource.authInformation) {
-      console.log(
-        `authInformation: ${JSON.stringify(
-          remoteDataSource?.authInformation.userName,
-        )}`,
-      );
-      if (data.login !== remoteDataSource.authInformation.userName) {
-        await reloginSDK(data).catch((e) => {
-          console.log(
-            `exception in reloginSDK ${(e as unknown as Error).message}`,
-          );
-        });
-        await prepareContent().catch();
-        navigate('/desktop-test-mock');
-      } else {
-        navigate('/desktop-test-mock');
-      }
-    } else {
-      console.log('need prepare SDK with data:', data);
-      if (remoteDataSource.needInit) {
-        console.log('start prepareSDK actions with data:', data);
-        await remoteDataSource.initSDKWithUser(
-          {
-            appIdOrToken: currentContext.InitParams.accountData.appId,
-            authKeyOrAppId: currentContext.InitParams.accountData.authKey,
-            authSecret: currentContext.InitParams.accountData.authSecret,
-            accountKey: currentContext.InitParams.accountData.accountKey,
-            config: QBConfig,
-          },
-          data,
-        );
-        await prepareContent().catch();
-        navigate('/desktop-test-mock');
-      }
-    }
-  };
-
-  useEffect(() => {
-    console.log('HEAVE USER: ', JSON.stringify(currentUser));
-  }, [currentUser]);
-
-  useEffect(() => {
-    console.log('0. APP INIT');
-    prepareSDK(currentUser).catch((er) => {
-      console.log(er);
-    });
-  }, []);
-  //
-  // const { proxyConfig } = QBConfig.configAIApi.AIAnswerAssistWidgetConfig;
-  //
-  // const defaultAIAnswer = UseDefaultAIAssistAnswerWidget({
-  //   ...proxyConfig,
-  // });
-
-  // todo: uncomment authSecret
-  return (
-    <QuickBloxUIKitProvider
-      maxFileSize={QBConfig.appConfig.maxFileSize}
-      // SDK={QB} //init SDK
-      accountData={{ ...QBConfig.credentials, sessionToken: '' }}
-      qbConfig={{ ...QBConfig }}
-      loginData={{
-        login: currentUser.login,
-        password: currentUser.password,
-      }}
-    >
-      <div className="App">
-        <div className="App">
-          <Routes>
-            {/* eslint-disable-next-line @typescript-eslint/no-misused-promises */}
-            <Route path="/" element={<Login loginHandler={loginHandler} />} />
-            <Route
-              path="/desktop-test-mock"
-              element={
-                <QuickBloxUIKitDesktopLayout
-                  theme={new DefaultTheme()}
-                  // AIAssist={{
-                  //   enabled: true,
-                  //   default: true,
-                  //   AIWidget: defaultAIAnswer,
-                  // }}
-                />
-              }
-            />
-
-            <Route path="/test-stage" element={<TestStageMarkup />} />
-          </Routes>
-        </div>
-        <br />
-        <br />
-      </div>
-    </QuickBloxUIKitProvider>
-  );
-}
-
-export default App;

package/src/CommonTypes/FunctionResult.ts

@@ -1,63 +0,0 @@
-import {Tone} from "../Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone";
-
-export type FunctionResult<T> = {
-  result: T | T[] | boolean;
-  error: any;
-};
-
-export type ProxyConfig = {
-  api: string;
-  servername: string;
-  port: string;
-};
-export interface WidgetConfig {
-  organizationName: string;
-  openAIModel: string;
-  apiKey: string;
-  maxTokens: number;
-  useDefault: boolean;
-  proxyConfig: ProxyConfig;
-}
-
-export interface AITranslateWidgetConfig extends WidgetConfig {
-  defaultLanguage: string;
-  languages: string[];
-}
-
-export interface AIRephraseWidgetConfig extends WidgetConfig {
-  defaultTone: string;
-  Tones: Tone[];
-}
-
-export interface QBConfig {
-  credentials: {
-    appId: number;
-    accountKey: string;
-    authKey: string;
-    authSecret: string;
-    sessionToken: string;
-  };
-  configAIApi: {
-    AIAnswerAssistWidgetConfig: WidgetConfig;
-    AITranslateWidgetConfig: AITranslateWidgetConfig;
-    AIRephraseWidgetConfig: AIRephraseWidgetConfig;
-  };
-  appConfig: {
-    maxFileSize: number;
-    sessionTimeOut: number;
-    chatProtocol: {
-      active: number;
-    };
-    debug: boolean;
-    endpoints: {
-      api: string;
-      chat: string;
-    };
-    // on: {
-    //   sessionExpired: (handleResponse: any, retry: any) => Promise<void>;
-    // };
-    streamManagement: {
-      enable: boolean;
-    };
-  };
-}

package/src/Data/DefaultConfigurations.ts

@@ -1,333 +0,0 @@
-import { ProxyConfig, QBConfig } from '../CommonTypes/FunctionResult';
-
-const supportedLanguagesForIATranslate: string[] = [
-  'English',
-  'Ukrainian',
-  'Spanish',
-  'Portuguese',
-  'French',
-  'German',
-];
-
-// ["en-US", "zh-CN", "ja-JP"]
-const languageBCP47: Record<string, string> = {
-  'ar-SA': 'Arabic',
-  'bn-BD': 'Bangla',
-  'bn-IN': 'Bangla',
-  'cs-CZ': 'Czech',
-  'da-DK': 'Danish',
-  'de-AT': 'German',
-  'de-CH': 'German',
-  'de-DE': 'German',
-  'el-GR': 'Greek',
-  'en-AU': 'English',
-  'en-CA': 'English',
-  'en-GB': 'English',
-  'en-IE': 'English',
-  'en-IN': 'English',
-  'en-NZ': 'English',
-  'en-US': 'English',
-  'en-ZA': 'English',
-  'es-AR': 'Spanish',
-  'es-CL': 'Spanish',
-  'es-CO': 'Spanish',
-  'es-ES': 'Spanish',
-  'es-MX': 'Spanish',
-  'es-US': 'Spanish',
-  'fi-FI': 'Finnish',
-  'fr-BE': 'French',
-  'fr-CA': 'French',
-  'fr-CH': 'French',
-  'fr-FR': 'French',
-  'he-IL': 'Hebrew',
-  'hi-IN': 'Hindi',
-  'hu-HU': 'Hungarian',
-  'id-ID': 'Indonesian',
-  'it-CH': 'Italian',
-  'it-IT': 'Italian',
-  'ja-JP': 'Japanese',
-  'ko-KR': 'Korean',
-  'nl-BE': 'Dutch',
-  'nl-NL': 'Dutch',
-  'no-NO': 'Norwegian',
-  'pl-PL': 'Polish',
-  'pt-BR': 'Portuguese',
-  'pt-PT': 'Portuguese',
-  'ro-RO': 'Romanian',
-  'ru-RU': 'Russian',
-  'sk-SK': 'Slovak',
-  'sv-SE': 'Swedish',
-  'ta-IN': 'Tamil',
-  'ta-LK': 'Tamil',
-  'th-TH': 'Thai',
-  'tr-TR': 'Turkish',
-  'zh-CN': 'Chinese',
-  'zh-HK': 'Chinese',
-  'zh-TW': 'Chinese',
-  'uk-UA': 'Ukrainian',
-};
-
-const getDefaultSystemLanguage = () => {
-  const sysLanguage = navigator.language;
-
-  const language: string = languageBCP47[sysLanguage] || 'English';
-
-  return language;
-};
-
-export class DefaultConfigurations {
-  static getDefaultProxyConfig(): ProxyConfig {
-    return {
-      api: 'v1/chat/completions',
-      servername: 'https://api.openai.com',
-      port: '',
-    };
-  }
-
-  static getDefaultLanguageForAITranslate(
-    configAITranslate: AITranslateWidgetConfig,
-  ): string {
-    let languageForAITranslate = 'English';
-    const defaultLanguage: string =
-      configAITranslate.defaultLanguage ||
-      DefaultConfigurations.getDefaultQBConfig().configAIApi
-        .AITranslateWidgetConfig.defaultLanguage;
-
-    if (
-      defaultLanguage.length > 0 &&
-      supportedLanguagesForIATranslate.includes(defaultLanguage)
-    ) {
-      languageForAITranslate = defaultLanguage;
-    } else {
-      const sysLanguage = getDefaultSystemLanguage();
-
-      if (supportedLanguagesForIATranslate.includes(sysLanguage)) {
-        languageForAITranslate = sysLanguage;
-      }
-    }
-
-    return languageForAITranslate;
-  }
-
-  static getAdditionalLanguagesForAITranslate(
-    configAITranslate: AITranslateWidgetConfig,
-  ): string[] {
-    const additionalLanguages: string[] = [];
-    const languages: string[] =
-      configAITranslate.languages ||
-      DefaultConfigurations.getDefaultQBConfig().configAIApi
-        .AITranslateWidgetConfig.languages;
-
-    languages.forEach((item) => {
-      if (supportedLanguagesForIATranslate.includes(item)) {
-        additionalLanguages.push(item);
-      } else {
-        additionalLanguages.push('English');
-      }
-    });
-
-    return additionalLanguages;
-  }
-
-  //
-  static getDefaultQBConfig(): QBConfig {
-    return {
-      credentials: {
-        appId: -1,
-        accountKey: '',
-        authKey: '',
-        authSecret: '',
-        sessionToken: '',
-      },
-      configAIApi: {
-        AIAnswerAssistWidgetConfig: {
-          organizationName: 'Quickblox',
-          openAIModel: 'gpt-3.5-turbo',
-          apiKey: '',
-          maxTokens: 3584,
-          useDefault: true,
-          proxyConfig: {
-            api: 'v1/chat/completions',
-            servername: 'https://api.openai.com/',
-            port: '',
-          },
-        },
-        AITranslateWidgetConfig: {
-          organizationName: 'Quickblox',
-          openAIModel: 'gpt-3.5-turbo',
-          apiKey: '',
-          maxTokens: 3584,
-          useDefault: true,
-          defaultLanguage: 'English',
-          languages: ['English', 'French', 'Portuguese', 'German', 'Ukrainian'],
-          proxyConfig: {
-            api: 'v1/chat/completions',
-            servername: '',
-            port: '',
-          },
-          // proxyConfig: {
-          //   api: 'v1/chat/completions',
-          //   servername: 'http://localhost',
-          //   port: '3012',
-          // },
-        },
-        AIRephraseWidgetConfig: {
-          organizationName: 'Quickblox',
-          openAIModel: 'gpt-3.5-turbo',
-          apiKey: '',
-          maxTokens: 3584,
-          useDefault: true,
-          defaultTone: 'Professional',
-          Tones: [
-            {
-              name: 'Professional Tone',
-              description:
-                'This would edit messages to sound more formal, using technical vocabulary, clear sentence structures, and maintaining a respectful tone. It would avoid colloquial language and ensure appropriate salutations and sign-offs',
-              iconEmoji: '👔',
-            },
-            {
-              name: 'Friendly Tone',
-              description:
-                'This would adjust messages to reflect a casual, friendly tone. It would incorporate casual language, use emoticons, exclamation points, and other informalities to make the message seem more friendly and approachable.',
-              iconEmoji: '🤝',
-            },
-            {
-              name: 'Encouraging Tone',
-              description:
-                'This tone would be useful for motivation and encouragement. It would include positive words, affirmations, and express support and belief in the recipient.',
-              iconEmoji: '💪',
-            },
-            {
-              name: 'Empathetic Tone',
-              description:
-                'This tone would be utilized to display understanding and empathy. It would involve softer language, acknowledging feelings, and demonstrating compassion and support.',
-              iconEmoji: '🤲',
-            },
-            {
-              name: 'Neutral Tone',
-              description:
-                'For times when you want to maintain an even, unbiased, and objective tone. It would avoid extreme language and emotive words, opting for clear, straightforward communication.',
-              iconEmoji: '😐',
-            },
-            {
-              name: 'Assertive Tone',
-              description:
-                'This tone is beneficial for making clear points, standing ground, or in negotiations. It uses direct language, is confident, and does not mince words.',
-              iconEmoji: '🔨',
-            },
-            {
-              name: 'Instructive Tone',
-              description:
-                'This tone would be useful for tutorials, guides, or other teaching and training materials. It is clear, concise, and walks the reader through steps or processes in a logical manner.',
-              iconEmoji: '📖',
-            },
-            {
-              name: 'Persuasive Tone',
-              description:
-                'This tone can be used when trying to convince someone or argue a point. It uses persuasive language, powerful words, and logical reasoning.',
-              iconEmoji: '☝️',
-            },
-            {
-              name: 'Sarcastic/Ironic Tone',
-              description:
-                'This tone can make the communication more humorous or show an ironic stance. It is harder to implement as it requires the AI to understand nuanced language and may not always be taken as intended by the reader.',
-              iconEmoji: '😏',
-            },
-            {
-              name: 'Poetic Tone',
-              description:
-                'This would add an artistic touch to messages, using figurative language, rhymes, and rhythm to create a more expressive text.',
-              iconEmoji: '🎭',
-            },
-          ],
-          proxyConfig: {
-            api: 'v1/chat/completions',
-            servername: 'https://api.openai.com/',
-            port: '',
-          },
-        },
-      },
-      appConfig: {
-        maxFileSize: 10 * 1024 * 1024,
-        sessionTimeOut: 122,
-        chatProtocol: {
-          active: 2,
-        },
-        debug: true,
-        endpoints: {
-          api: 'api.quickblox.com',
-          chat: 'chat.quickblox.com',
-        },
-        streamManagement: {
-          enable: true,
-        },
-      },
-      // credentials: {
-      //   appId: -1,
-      //   accountKey: '',
-      //   authKey: '',
-      //   authSecret: '',
-      //   sessionToken: '',
-      // },
-      // configAIApi: {
-      //   AIAnswerAssistWidgetConfig: {
-      //     apiKey: '',
-      //     useDefault: true,
-      //     proxyConfig: {
-      //       api: 'v1/chat/completions',
-      //       servername: 'https://api.openai.com/',
-      //       port: '',
-      //       sessionToken: '',
-      //     },
-      //   },
-      //   AITranslateWidgetConfig: {
-      //     apiKey: '',
-      //     useDefault: true,
-      //     defaultLanguage: 'English',
-      //     languages: [
-      //       'English',
-      //       'Spanish',
-      //       'French',
-      //       'Portuguese',
-      //       'German',
-      //       'Ukrainian',
-      //     ],
-      //     proxyConfig: {
-      //       api: 'v1/chat/completions',
-      //       servername: 'https://api.openai.com/',
-      //       port: '',
-      //       sessionToken: '',
-      //     },
-      //   },
-      //   AIRephraseWidgetConfig: {
-      //     apiKey: '',
-      //     useDefault: true,
-      //     defaultTone: 'Professional',
-      //     proxyConfig: {
-      //       api: 'v1/chat/completions',
-      //       servername: 'https://api.openai.com/',
-      //       port: '',
-      //       sessionToken: '',
-      //     },
-      //   },
-      // },
-      // appConfig: {
-      //   maxFileSize: 10 * 1024 * 1024,
-      //   sessionTimeOut: 122,
-      //   chatProtocol: {
-      //     active: 2,
-      //   },
-      //   debug: true,
-      //   endpoints: {
-      //     api: 'api.quickblox.com',
-      //     chat: 'chat.quickblox.com',
-      //   },
-      //   streamManagement: {
-      //     enable: true,
-      //   },
-      // },
-    };
-  }
-
-  //
-}