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

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/SliderMenu.tsx

@@ -1,172 +0,0 @@
-import React, { useState } from 'react';
-
-type MenuItem = {
-  title: string;
-  icon?: JSX.Element;
-  action: () => void;
-};
-
-type SliderMenuProps = {
-  items: MenuItem[];
-  width: number;
-  arrowColor?: string;
-  activeArrowColor?: string;
-  borderColor?: string;
-  backgroundColor?: string;
-  itemBackgroundColor?: string;
-  itemWidth?: number;
-  itemHeight?: number;
-  itemBorder?: string;
-  fontSize?: number;
-  activeItemBorderColor?: string;
-  activeItemBoxShadow?: string;
-};
-
-// eslint-disable-next-line react/function-component-definition
-const SliderMenu: React.FC<SliderMenuProps> = ({
-  items,
-  width,
-  arrowColor = 'black',
-  activeArrowColor = 'red',
-  borderColor = 'gray',
-  backgroundColor = 'white',
-  itemBackgroundColor = 'lightgray',
-  itemWidth = 100,
-  itemHeight = 20,
-  itemBorder = '1px solid gray',
-  fontSize = 14,
-  activeItemBorderColor = 'blue',
-  activeItemBoxShadow = '2px 2px 4px rgba(0, 0, 0, 0.2)',
-}) => {
-  const [currentIndex, setCurrentIndex] = useState(-1);
-  const [hoveredIndex, setHoveredIndex] = useState<number | null>(null);
-
-  const handlePrev = () => {
-    setCurrentIndex((currentIndex - 1 + items.length) % items.length);
-  };
-
-  const handleNext = () => {
-    setCurrentIndex((currentIndex + 1) % items.length);
-  };
-
-  const handleItemClick = (index: number, action: () => void) => {
-    setCurrentIndex(index);
-    action();
-  };
-
-  return (
-    <div
-      style={{
-        border: `1px solid ${borderColor}`,
-        borderRadius: '10px',
-        padding: '4px',
-        display: 'flex',
-        alignItems: 'center',
-        height: '24px',
-        backgroundColor,
-        position: 'relative',
-        overflow: 'hidden',
-      }}
-    >
-      <div
-        style={{
-          cursor: 'pointer',
-          marginRight: '4px',
-          width: '12px',
-          height: '12px',
-          borderTop: '4px solid transparent',
-          borderBottom: '4px solid transparent',
-          borderRight: `6px solid ${
-            hoveredIndex === null || currentIndex === 0
-              ? arrowColor
-              : activeArrowColor
-          }`,
-          borderRadius: '5px',
-          transition: 'transform 0.3s ease-in-out',
-          transform:
-            hoveredIndex === null || currentIndex === 0
-              ? 'scale(1)'
-              : 'scale(1.2)',
-        }}
-        onClick={handlePrev}
-      />
-      <div
-        style={{
-          display: 'flex',
-          alignItems: 'center',
-          width: `${width}px`,
-          overflow: 'hidden',
-        }}
-      >
-        <div
-          style={{
-            display: 'flex',
-            transform: `translateX(-${currentIndex * itemWidth}px)`,
-            transition: 'transform 0.3s ease-in-out',
-          }}
-        >
-          {items.map((item, index) => (
-            <div
-              key={index}
-              style={{
-                width: `${itemWidth}px`,
-                height: `${itemHeight}px`,
-                display: 'flex',
-                alignItems: 'center',
-                paddingLeft: '4px',
-                backgroundColor: itemBackgroundColor,
-                borderRadius: '8px',
-                margin: '0 2px',
-                border:
-                  index === currentIndex || index === hoveredIndex
-                    ? `2px solid ${activeItemBorderColor}`
-                    : itemBorder,
-                fontSize: `${fontSize}px`,
-                flexDirection: 'row',
-                justifyContent: 'flex-start',
-                cursor: 'pointer',
-                boxShadow:
-                  (index === currentIndex || index === hoveredIndex) &&
-                  currentIndex !== -1
-                    ? activeItemBoxShadow
-                    : 'none',
-              }}
-              onClick={() => handleItemClick(index, item.action)}
-              onMouseEnter={() => setHoveredIndex(index)}
-              onMouseLeave={() => setHoveredIndex(null)}
-            >
-              {item.icon && (
-                <div style={{ marginRight: '4px' }}>{item.icon}</div>
-              )}
-              {item.title}
-            </div>
-          ))}
-        </div>
-      </div>
-      <div
-        style={{
-          cursor: 'pointer',
-          marginLeft: '4px',
-          width: '12px',
-          height: '12px',
-          borderTop: '4px solid transparent',
-          borderBottom: '4px solid transparent',
-          borderLeft: `6px solid ${
-            hoveredIndex === null || currentIndex === items.length - 1
-              ? arrowColor
-              : activeArrowColor
-          }`,
-          borderRadius: '5px',
-          transition: 'transform 0.3s ease-in-out',
-          transform:
-            hoveredIndex === null || currentIndex === items.length - 1
-              ? 'scale(1)'
-              : 'scale(1.2)',
-        }}
-        onClick={handleNext}
-      />
-    </div>
-  );
-};
-
-export default SliderMenu;

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.ts

@@ -1,35 +0,0 @@
-// export enum Tone {
-//   Professional = 'Professional Tone',
-//   Friendly = 'Friendly Tone',
-//   Encouraging = 'Encouraging Tone',
-//   Empathetic = 'Empathetic Tone',
-//   Neutral = 'Neutral Tone',
-//   Assertive = 'Assertive Tone',
-//   Instructive = 'Instructive Tone',
-//   Persuasive = 'Persuasive Tone',
-//   Sarcastic = 'Sarcastic/Ironic Tone',
-//   Poetic = 'Poetic Tone',
-//   Unchanged = 'Unchanged',
-// }
-
-export interface Tone {
-  name: string;
-  description: string;
-  iconEmoji: string;
-}
-
-export const toneToString = (tone: Tone): string => {
-  return tone.name;
-};
-
-export const stringToTone = (
-  toneStr: string,
-  description?: string,
-  emoji?: string,
-): Tone | undefined => {
-  return {
-    name: toneStr,
-    description: description || '',
-    iconEmoji: emoji || '',
-  };
-};

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget.tsx

@@ -1,83 +0,0 @@
-import { useState } from 'react';
-import { AIMessageWidget, MessageWidgetProps } from './AIMessageWidget';
-import AIWidgetIcon from '../../../svgs/Icons/AIWidgets/AIWidget';
-import ErrorMessageIcon from './ErrorMessageIcon';
-import { IChatMessage } from '../../../../../../Data/source/AISource';
-import { AIAnswerAssistUseCase } from '../../../../../../Domain/use_cases/ai/AIAnswerAssistUseCase';
-
-// interface MessageWidgetProps {
-//   // https://api.openai.com/v1/chat/completions'
-//   // api: 'v1/chat/completions',
-//   // servername: 'https://myproxy.com',
-//   // https://func270519800.azurewebsites.net/api/TranslateTextToEng
-//   servername: string;
-//   api: string;
-//   port: string;
-//   apiKeyOrSessionToken: string;
-//   apiKey: string;
-// }
-export default function UseDefaultAIAssistAnswerWidget({
-  servername,
-  api,
-  port,
-  apiKeyOrSessionToken,
-}: MessageWidgetProps): AIMessageWidget {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [errorMessage, setErrorMessage] = useState<string>('');
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
-  const fileToWidget = (file: File, context: IChatMessage[]): void => {};
-
-  const renderWidget = (): JSX.Element => {
-    if (errorMessage && errorMessage.length > 0) {
-      const errorsDescriptions:
-        | { title: string; action: () => void }[]
-        | undefined = [];
-
-      return (
-        <ErrorMessageIcon
-          errorMessageText={errorMessage}
-          errorsDescriptions={errorsDescriptions}
-        />
-      );
-    }
-
-    return <AIWidgetIcon applyZoom color="green" />;
-  };
-
-  const [textFromWidgetToContent, setTextFromWidgetToContent] = useState('');
-  const textToWidget = async (
-    textToSend: string,
-    context: IChatMessage[],
-  ): Promise<string> => {
-    if (textToSend && textToSend.length > 0) {
-      const openAIModel = 'gpt-3.5-turbo';
-
-      const useCaseAIAnswerAssist = new AIAnswerAssistUseCase(
-        textToSend,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        context,
-        servername,
-        api,
-        port,
-        apiKeyOrSessionToken,
-        openAIModel,
-      );
-
-      // eslint-disable-next-line no-return-await
-      return await useCaseAIAnswerAssist.execute().then((data) => {
-        setTextFromWidgetToContent(data);
-
-        return data;
-      });
-    }
-
-    return '';
-  };
-
-  return {
-    textToContent: textFromWidgetToContent,
-    renderWidget,
-    textToWidget,
-  };
-}

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidgetWithProxy.tsx

@@ -1,83 +0,0 @@
-import { useState } from 'react';
-import { AIMessageWidget, MessageWidgetProps } from './AIMessageWidget';
-import AIWidgetIcon from '../../../svgs/Icons/AIWidgets/AIWidget';
-import ErrorMessageIcon from './ErrorMessageIcon';
-import { IChatMessage } from '../../../../../../Data/source/AISource';
-import { AIAnswerAssistWithProxyUseCase } from '../../../../../../Domain/use_cases/ai/AIAnswerAssistWithProxyUseCase';
-
-// interface MessageWidgetProps {
-//   // https://api.openai.com/v1/chat/completions'
-//   // api: 'v1/chat/completions',
-//   // servername: 'https://myproxy.com',
-//   // https://func270519800.azurewebsites.net/api/TranslateTextToEng
-//   servername: string;
-//   api: string;
-//   port: string;
-//   apiKeyOrSessionToken: string;
-//   apiKey: string;
-// }
-export default function UseDefaultAIAssistAnswerWidgetWithProxy({
-  servername,
-  api,
-  port,
-  apiKeyOrSessionToken,
-}: MessageWidgetProps): AIMessageWidget {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [errorMessage, setErrorMessage] = useState<string>('');
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
-  const fileToWidget = (file: File, context: IChatMessage[]): void => {};
-
-  const renderWidget = (): JSX.Element => {
-    if (errorMessage && errorMessage.length > 0) {
-      const errorsDescriptions:
-        | { title: string; action: () => void }[]
-        | undefined = [];
-
-      return (
-        <ErrorMessageIcon
-          errorMessageText={errorMessage}
-          errorsDescriptions={errorsDescriptions}
-        />
-      );
-    }
-
-    return <AIWidgetIcon applyZoom color="green" />;
-  };
-
-  const [textFromWidgetToContent, setTextFromWidgetToContent] = useState('');
-  const textToWidget = async (
-    textToSend: string,
-    context: IChatMessage[],
-  ): Promise<string> => {
-    if (textToSend && textToSend.length > 0) {
-      const openAIModel = 'gpt-3.5-turbo';
-
-      const useCaseAIAnswerAssist = new AIAnswerAssistWithProxyUseCase(
-        textToSend,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        context,
-        servername,
-        api,
-        port,
-        apiKeyOrSessionToken,
-        openAIModel,
-      );
-
-      // eslint-disable-next-line no-return-await
-      return await useCaseAIAnswerAssist.execute().then((data) => {
-        setTextFromWidgetToContent(data);
-
-        return data;
-      });
-    }
-
-    return '';
-  };
-
-  return {
-    textToContent: textFromWidgetToContent,
-    renderWidget,
-    textToWidget,
-  };
-}

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget.tsx

@@ -1,104 +0,0 @@
-import { useState } from 'react';
-import { AIMessageWidget, MessageWidgetProps } from './AIMessageWidget';
-import ErrorMessageIcon from './ErrorMessageIcon';
-import AIWidgetIcon from '../../../svgs/Icons/AIWidgets/AIWidget';
-import { Tone } from './Tone';
-import { IChatMessage } from '../../../../../../Data/source/AISource';
-import { AIRephraseUseCase } from '../../../../../../Domain/use_cases/ai/AIRephraseUseCase';
-
-// interface MessageWidgetProps {
-//   servername: string;
-//   api: string;
-//   port: string;
-//   apiKeyOrSessionToken: string;
-//   apiKey: string;
-// }
-
-export default function UseDefaultAIRephraseMessageWidget({
-  servername,
-  api,
-  port,
-  apiKeyOrSessionToken,
-}: MessageWidgetProps): AIMessageWidget {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [errorMessage, setErrorMessage] = useState<string>('');
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
-  const fileToWidget = (file: File, context: IChatMessage[]): void => {};
-
-  const renderWidget = (): JSX.Element => {
-    if (errorMessage && errorMessage.length > 0) {
-      const errorsDescriptions:
-        | { title: string; action: () => void }[]
-        | undefined = [];
-
-      return (
-        <ErrorMessageIcon
-          errorMessageText={errorMessage}
-          errorsDescriptions={errorsDescriptions}
-        />
-      );
-    }
-
-    return <AIWidgetIcon applyZoom color="green" />;
-  };
-
-  const [textFromWidgetToContent, setTextFromWidgetToContent] = useState('');
-
-  const textToWidget = async (
-    textToSend: string,
-    context: IChatMessage[],
-    additionalSettings?: { [key: string]: any },
-  ): Promise<string> => {
-    if (textToSend && textToSend.length > 0) {
-      const { tone } = additionalSettings || {};
-
-      const openAIModel = 'gpt-3.5-turbo';
-
-      // AIRephraseWithProxyUseCase
-      const useCaseAIRephrase = new AIRephraseUseCase(
-        textToSend,
-        tone as Tone,
-        context,
-        servername,
-        api,
-        port,
-        apiKeyOrSessionToken,
-        openAIModel,
-      );
-
-      // eslint-disable-next-line no-return-await
-      return await useCaseAIRephrase.execute().then((data) => {
-        setTextFromWidgetToContent(data);
-
-        return data;
-      });
-    }
-
-    //
-    return '';
-  };
-
-  // const tonesToWidget = (): Tone[] => {
-  //   return [
-  //     Tone.Professional,
-  //     Tone.Friendly,
-  //     Tone.Encouraging,
-  //     Tone.Empathetic,
-  //     Tone.Assertive,
-  //     Tone.Neutral,
-  //     Tone.Instructive,
-  //     Tone.Persuasive,
-  //     Tone.Sarcastic,
-  //     Tone.Poetic,
-  //     Tone.Unchanged,
-  //   ];
-  // };
-
-  return {
-    textToContent: textFromWidgetToContent,
-    renderWidget,
-    textToWidget,
-    // tonesToWidget,
-  };
-}

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidgetWithProxy.tsx

@@ -1,102 +0,0 @@
-import { useState } from 'react';
-import { AIMessageWidget, MessageWidgetProps } from './AIMessageWidget';
-import ErrorMessageIcon from './ErrorMessageIcon';
-import AIWidgetIcon from '../../../svgs/Icons/AIWidgets/AIWidget';
-import { Tone } from './Tone';
-import { IChatMessage } from '../../../../../../Data/source/AISource';
-import { AIRephraseWithProxyUseCase } from '../../../../../../Domain/use_cases/ai/AIRephraseWithProxyUseCase';
-
-// interface MessageWidgetProps {
-//   servername: string;
-//   api: string;
-//   port: string;
-//   apiKeyOrSessionToken: string;
-//   apiKey: string;
-// }
-
-export default function UseDefaultAIRephraseMessageWidgetWithProxy({
-  servername,
-  api,
-  port,
-  apiKeyOrSessionToken,
-}: MessageWidgetProps): AIMessageWidget {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [errorMessage, setErrorMessage] = useState<string>('');
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
-  const fileToWidget = (file: File, context: IChatMessage[]): void => {};
-
-  const renderWidget = (): JSX.Element => {
-    if (errorMessage && errorMessage.length > 0) {
-      const errorsDescriptions:
-        | { title: string; action: () => void }[]
-        | undefined = [];
-
-      return (
-        <ErrorMessageIcon
-          errorMessageText={errorMessage}
-          errorsDescriptions={errorsDescriptions}
-        />
-      );
-    }
-
-    return <AIWidgetIcon applyZoom color="green" />;
-  };
-
-  const [textFromWidgetToContent, setTextFromWidgetToContent] = useState('');
-
-  const textToWidget = async (
-    textToSend: string,
-    context: IChatMessage[],
-    additionalSettings?: { [key: string]: any },
-  ): Promise<string> => {
-    if (textToSend && textToSend.length > 0) {
-      const { tone } = additionalSettings || {};
-
-      const openAIModel = 'gpt-3.5-turbo';
-
-      const useCaseAIRephrase = new AIRephraseWithProxyUseCase(
-        textToSend,
-        tone as Tone,
-        context,
-        servername,
-        api,
-        port,
-        apiKeyOrSessionToken,
-        openAIModel,
-      );
-
-      // eslint-disable-next-line no-return-await
-      return await useCaseAIRephrase.execute().then((data) => {
-        setTextFromWidgetToContent(data);
-
-        return data;
-      });
-    }
-
-    //
-    return '';
-  };
-  // const tonesToWidget = (): Tone[] => {
-  //   return [
-  //     Tone.Professional,
-  //     Tone.Friendly,
-  //     Tone.Encouraging,
-  //     Tone.Empathetic,
-  //     Tone.Assertive,
-  //     Tone.Neutral,
-  //     Tone.Instructive,
-  //     Tone.Persuasive,
-  //     Tone.Sarcastic,
-  //     Tone.Poetic,
-  //     Tone.Unchanged,
-  //   ];
-  // };
-
-  return {
-    textToContent: textFromWidgetToContent,
-    renderWidget,
-    textToWidget,
-    // tonesToWidget,
-  };
-}

package/src/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget.tsx

@@ -1,89 +0,0 @@
-import { useState } from 'react';
-import AIWidgetIcon from '../../../svgs/Icons/AIWidgets/AIWidget';
-import ErrorMessageIcon from './ErrorMessageIcon';
-import { AIMessageWidget, MessageWidgetProps } from './AIMessageWidget';
-import { IChatMessage } from '../../../../../../Data/source/AISource';
-import { AITranslateUseCase } from '../../../../../../Domain/use_cases/ai/AITranslateUseCase';
-
-// interface MessageWidgetProps {
-//   // https://api.openai.com/v1/chat/completions'
-//   // api: 'v1/chat/completions',
-//   // servername: 'https://myproxy.com',
-//   // https://func270519800.azurewebsites.net/api/TranslateTextToEng
-//   servername: string;
-//   api: string;
-//   port: string;
-//   apiKeyOrSessionToken: string;
-//   apiKey: string;
-// }
-export default function UseDefaultAITranslateWidget({
-  servername,
-  api,
-  port,
-  apiKeyOrSessionToken,
-}: MessageWidgetProps): AIMessageWidget {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [errorMessage, setErrorMessage] = useState<string>('');
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/no-empty-function
-  const fileToWidget = (file: File, context: IChatMessage[]): void => {};
-
-  const renderWidget = (): JSX.Element => {
-    if (errorMessage && errorMessage.length > 0) {
-      const errorsDescriptions:
-        | { title: string; action: () => void }[]
-        | undefined = [];
-
-      return (
-        <ErrorMessageIcon
-          errorMessageText={errorMessage}
-          errorsDescriptions={errorsDescriptions}
-        />
-      );
-    }
-
-    return <AIWidgetIcon applyZoom color="green" />;
-  };
-
-  const [textFromWidgetToContent, setTextFromWidgetToContent] = useState('');
-  const textToWidget = async (
-    textToSend: string,
-    context: IChatMessage[],
-    additionalSettings?: { [key: string]: any },
-  ): Promise<string> => {
-    if (textToSend && textToSend.length > 0) {
-      // eslint-disable-next-line no-return-await
-      const { language } = additionalSettings || {};
-      //
-      const openAIModel = 'gpt-3.5-turbo';
-
-      // AIRephraseWithProxyUseCase
-      const useCaseAITranslate = new AITranslateUseCase(
-        textToSend,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-        language,
-        context,
-        servername,
-        api,
-        port,
-        apiKeyOrSessionToken,
-        openAIModel,
-      );
-
-      // eslint-disable-next-line no-return-await
-      return await useCaseAITranslate.execute().then((data) => {
-        setTextFromWidgetToContent(data);
-
-        return data;
-      });
-    }
-
-    return '';
-  };
-
-  return {
-    textToContent: textFromWidgetToContent,
-    renderWidget,
-    textToWidget,
-  };
-}