quickblox-react-ui-kit 0.1.8 → 0.2.1

package/dist/Data/DefaultConfigurations.d.ts

@@ -0,0 +1,11 @@
+export type ProxyConfig = {
+    api: string;
+    servername: string;
+    port: string;
+    sessionToken: string;
+};
+export declare class DefaultConfigurations {
+    static getDefaultProxyConfig(): ProxyConfig;
+    static getDefaultLanguageForAITranslate(): string;
+    static getAdditionalLanguagesForAITranslate(): string[];
+}

package/dist/Data/Stubs.d.ts

@@ -21,7 +21,7 @@ export declare class Stubs {
     static createGroupDialogQBWithEmptyValues(): QBChatDialog;
     static createDialogEntityWithParams(dialogType: DialogType, id: string, name: string, dateSentLastMessage: string, textLastMessage: string, userIdLastMessage: number, ownerId: string, unreadMessageCount: number, updatedAt: string, participantId: number, photo?: string, participantIds?: number[]): DialogEntity;
     static createUserEntityWithParams(id: number, full_name: string, email: string, login: string, created_at: string, updated_at: string, last_request_at: string, custom_data?: string | null, user_tags?: string | null, blob_id?: string): UserEntity;
-    static createMessageEntityWithParams(id: number, dialogId: string, message: string, created_at: string, date_sent: number, updated_at: string, delivered_ids: Array<number>, read_ids: Array<number>, read: number, sender_id: number, recipient_id: number, attachments?: ChatMessageAttachmentEntity[], notification_type?: string, dialog_type?: DialogType): MessageEntity;
+    static createMessageEntityWithParams(id: string, dialogId: string, message: string, created_at: string, date_sent: number, updated_at: string, delivered_ids: Array<number>, read_ids: Array<number>, read: number, sender_id: number, recipient_id: number, attachments?: ChatMessageAttachmentEntity[], notification_type?: string, dialog_type?: DialogType): MessageEntity;
     static createDialogsForTest(): Array<DialogEntity>;
     static createUsersForTest(): Array<UserEntity>;
     static createMessagesForTest(): Array<MessageEntity>;

package/dist/Data/source/AISource.d.ts

@@ -0,0 +1,13 @@
+export interface IChatMessage {
+    role: string;
+    content: string;
+}
+export type AIParam = {
+    textToAI: string;
+    context: IChatMessage[];
+};
+export declare class AISource {
+    static getData(prompt: string, dialogMessages: IChatMessage[], servername: string, api: string, port: string, sessionToken: string, openAIModel?: string): Promise<string>;
+    static getDataWithOpenAI(prompt: string, dialogMessages: IChatMessage[], servername: string, api: string, port: string, sessionToken: string, openAIModel?: string): Promise<string>;
+    static getDataWithProxyServer(prompt: string, dialogMessages: IChatMessage[], servername: string, api: string, port: string, sessionToken: string, openAIModel?: string): Promise<string>;
+}

package/dist/Domain/entity/MessageEntity.d.ts

@@ -2,7 +2,7 @@ import ChatMessageAttachmentEntity from './ChatMessageAttachmentEntity';
 import { UserEntity } from './UserEntity';
 import { DialogType } from './DialogTypes';
 export interface MessageEntity {
-    id: number;
+    id: string;
     dialogId: string;
     dialogType?: DialogType;
     attachments?: ChatMessageAttachmentEntity[];

package/dist/Presentation/Views/Base/BaseViewModel.d.ts

@@ -3,6 +3,7 @@ import { Pagination } from '../../../Domain/repository/Pagination';
 import { GroupDialogEntity } from '../../../Domain/entity/GroupDialogEntity';
 import { DialogEntity } from '../../../Domain/entity/DialogEntity';
 import { FileEntity } from '../../../Domain/entity/FileEntity';
+import { IChatMessage } from '../../../Data/source/AISource';
 export default class BaseViewModel<TResult> {
     get entity(): TResult;
     set entity(value: TResult);
@@ -14,10 +15,6 @@ export type EditDialogParams = {
     dialogTitle: string;
     dialogAvatar: File | string | null;
 };
-export interface IChatMessage {
-    role: string;
-    content: string;
-}
 export type FunctionTypeFileToToVoid = (file: File) => void;
 export type FunctionTypePaginationToVoid = (pagination: Pagination) => void;
 export type FunctionTypeVoidToVoid = () => void;
@@ -28,4 +25,12 @@ export type FunctionTypeDialogEntityToDialogEntity = (entity: GroupDialogEntity)
 export type FunctionTypeDialogEntityToBoolean = (entity: GroupDialogEntity) => Promise<boolean>;
 export type FunctionTypeFileToFileEntity = (file: File) => Promise<FileEntity>;
 export type FunctionTypeJSXElement = () => JSX.Element;
-export type FunctionTypeChatMessagesToVoid = (lastMessage: string, messages: IChatMessage) => void;
+export type FunctionTypeFileWithContextToToVoid = (file: File, context: IChatMessage[], additionalSettings?: {
+    [key: string]: any;
+}) => void;
+export type FunctionTypeStringWithContextToVoid = (value: string, context: IChatMessage[], additionalSettings?: {
+    [key: string]: any;
+}) => void;
+export type FunctionTypeStringWithContextToString = (value: string, context: IChatMessage[], additionalSettings?: {
+    [key: string]: any;
+}) => Promise<string>;

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIMessageWidget.d.ts

@@ -0,0 +1,16 @@
+import { FunctionTypeFileWithContextToToVoid, FunctionTypeJSXElement, FunctionTypeStringWithContextToString } from '../../../../../Views/Base/BaseViewModel';
+export interface AIWidget {
+    renderWidget: FunctionTypeJSXElement;
+}
+export interface AITextWidget extends AIWidget {
+    textToContent: string | undefined;
+}
+export interface AIFileWidget extends AIWidget {
+    fileToContent: File | undefined;
+}
+export interface AIMessageWidget extends AITextWidget {
+    textToWidget: FunctionTypeStringWithContextToString;
+}
+export interface AIAttachmentWidget extends AIFileWidget {
+    fileToWidget: FunctionTypeFileWithContextToToVoid;
+}

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIWidgetActions/AIWidgetActions.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import './AIWidgetActions.scss';
+type MenuItem = {
+    title: string;
+    icon?: JSX.Element;
+    action: () => void;
+};
+type ContextMenuProps = {
+    widgetToRender?: JSX.Element;
+    items?: MenuItem[];
+    title?: string | null;
+};
+declare function AIWidgetActions({ items, widgetToRender, title, }: ContextMenuProps): JSX.Element;
+export default AIWidgetActions;

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type ErrorDescription = {
+    title: string;
+    action: () => void;
+};
+type ErrorMessageIconProps = {
+    errorMessageText: string;
+    errorsDescriptions?: ErrorDescription[];
+};
+declare function ErrorMessageIcon({ errorMessageText, errorsDescriptions, }: ErrorMessageIconProps): JSX.Element;
+export default ErrorMessageIcon;

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/SliderMenu.d.ts

@@ -0,0 +1,23 @@
+import React 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;
+};
+declare const SliderMenu: React.FC<SliderMenuProps>;
+export default SliderMenu;

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/Tone.d.ts

@@ -0,0 +1,15 @@
+export declare 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 declare const toneToString: (tone: Tone) => string;
+export declare const stringToTone: (toneStr: string) => Tone | undefined;

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIAssistAnswerWidget.d.ts

@@ -0,0 +1,10 @@
+import { AIMessageWidget } from './AIMessageWidget';
+interface MessageWidgetProps {
+    servername: string;
+    api: string;
+    port: string;
+    sessionToken: string;
+    apiKey: string;
+}
+export default function UseDefaultAIAssistAnswerWidget({ servername, api, port, sessionToken, apiKey, }: MessageWidgetProps): AIMessageWidget;
+export {};

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAIRephraseMessageWidget.d.ts

@@ -0,0 +1,10 @@
+import { AIMessageWidget } from './AIMessageWidget';
+interface MessageWidgetProps {
+    servername: string;
+    api: string;
+    port: string;
+    sessionToken: string;
+    apiKey: string;
+}
+export default function UseDefaultAIRephraseMessageWidget({ servername, api, port, sessionToken, apiKey, }: MessageWidgetProps): AIMessageWidget;
+export {};

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/UseDefaultAITranslateWidget.d.ts

@@ -0,0 +1,10 @@
+import { AIMessageWidget } from './AIMessageWidget';
+interface MessageWidgetProps {
+    servername: string;
+    api: string;
+    port: string;
+    sessionToken: string;
+    apiKey: string;
+}
+export default function UseDefaultAITranslateWidget({ servername, api, port, sessionToken, apiKey, }: MessageWidgetProps): AIMessageWidget;
+export {};

package/dist/Presentation/components/UI/Dialogs/MessagesView/AIWidgets/useDefaultVoiceInputWidget.d.ts

@@ -0,0 +1,2 @@
+import { AIAttachmentWidget } from './AIMessageWidget';
+export default function useDefaultVoiceInputWidget(): AIAttachmentWidget;

package/dist/Presentation/components/UI/Dialogs/MessagesView/ContextMenu.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+type MenuItem = {
+    title: string;
+    action: () => void;
+};
+type ContextMenuProps = {
+    widgetToRender?: JSX.Element;
+    items?: MenuItem[];
+};
+declare function ContextMenu({ items, widgetToRender }: ContextMenuProps): JSX.Element;
+export default ContextMenu;

package/dist/Presentation/components/UI/Dialogs/MessagesView/DropDownMenu/DropDownMenu.d.ts

@@ -0,0 +1,26 @@
+import './DropDownMenu.scss';
+import React from 'react';
+import { FunctionTypeVoidToVoid } from '../../../../../Views/Base/BaseViewModel';
+import { MessageEntity } from '../../../../../../Domain/entity/MessageEntity';
+export type ContextMessageMenu = {
+    title: string;
+    message?: MessageEntity;
+    icon?: React.ReactNode;
+    clickHandler?: FunctionTypeVoidToVoid;
+    touchHandler?: FunctionTypeVoidToVoid;
+};
+export type ContextMessageMenuAI = {
+    title: string;
+    message?: MessageEntity;
+    icon?: React.ReactNode;
+    clickHandler?: FunctionTypeVoidToVoid;
+    touchHandler?: FunctionTypeVoidToVoid;
+};
+export declare const contextMessageMenu: ContextMessageMenu[];
+export declare const contextMessageMenuAI: ContextMessageMenuAI[];
+type DropDownMenuProps = {
+    items: ContextMessageMenu[];
+    itemsAI?: ContextMessageMenuAI[];
+};
+export declare const DropDownMenu: React.FC<DropDownMenuProps>;
+export {};

package/dist/Presentation/components/UI/Dialogs/MessagesView/DropDownMenu/ItemDropDownMenu/ItemDropDownMenu.d.ts

@@ -0,0 +1,11 @@
+import './ItemDropDownMenu.scss';
+import React from 'react';
+import { FunctionTypeVoidToVoid } from '../../../../../../Views/Base/BaseViewModel';
+type ItemDropDownMenuProps = {
+    item: string;
+    icon?: React.ReactNode;
+    touchAction?: FunctionTypeVoidToVoid;
+    clickAction?: FunctionTypeVoidToVoid;
+};
+export declare const ItemDropDownMenu: React.FC<ItemDropDownMenuProps>;
+export {};

package/dist/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './AvatarContentIncomingUser.scss';
+export default function AvatarContentIncomingUser(): JSX.Element;

package/dist/Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import './InComingMessage.scss';
+import UiKitTheme from '../../../../../assets/UiKitTheme';
+import { MessageEntity } from '../../../../../../Domain/entity/MessageEntity';
+import { AIMessageWidget } from '../AIWidgets/AIMessageWidget';
+export declare function InComingMessage(props: {
+    theme: UiKitTheme | undefined;
+    senderName: string | undefined;
+    message: MessageEntity;
+    onLoader: () => void;
+    currentUserId?: number;
+    messagesToView: MessageEntity[];
+    AITranslation?: AIMessageWidget;
+    AIAnswerToMessage?: AIMessageWidget;
+}): JSX.Element;

package/dist/Presentation/components/UI/Dialogs/MessagesView/MessagesView.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
 import './MessagesView.scss';
-import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
 import UiKitTheme from '../../../../assets/UiKitTheme';
+import { AIMessageWidget } from './AIWidgets/AIMessageWidget';
 import { DialogsViewModel } from '../../../../Views/Dialogs/DialogViewModel';
+import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
 type HeaderDialogsMessagesProps = {
+    AIRephrase?: AIMessageWidget;
+    AITranslate?: AIMessageWidget;
+    AIAssist?: AIMessageWidget;
     dialogsViewModel: DialogsViewModel;
     onDialogInformationHandler?: FunctionTypeVoidToVoid;
     maxWidthToResize?: string;

package/dist/Presentation/components/UI/Dialogs/MessagesView/OutGoingMessage/OutGoingMessage.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './OutGoingMessage.scss';
+import { MessageEntity } from '../../../../../../Domain/entity/MessageEntity';
+import UiKitTheme from '../../../../../assets/UiKitTheme';
+export declare function OutGoingMessage(props: {
+    message: MessageEntity;
+    theme: UiKitTheme | undefined;
+    element: JSX.Element;
+}): JSX.Element;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/BookIcon/BookIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function BookIcon(): JSX.Element;
+export default BookIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/HammerIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function HammerIcon(): JSX.Element;
+export default HammerIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/HandshakeIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function HandshakeIcon(): JSX.Element;
+export default HandshakeIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/MuscleIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function MuscleIcon(): JSX.Element;
+export default MuscleIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/NecktieIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function NecktieIcon(): JSX.Element;
+export default NecktieIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/NeutralFaceIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function NeutralFaceIcon(): JSX.Element;
+export default NeutralFaceIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/PalmsUpTogetherIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function PalmsUpTogetherIcon(): JSX.Element;
+export default PalmsUpTogetherIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/PerformingArtsIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function PerformingArtsIcon(): JSX.Element;
+export default PerformingArtsIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/PointUpIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function PointUpIcon(): JSX.Element;
+export default PointUpIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/SmileyIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SmileyIcon(): JSX.Element;
+export default SmileyIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/SmirkIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function SmirkIcon(): JSX.Element;
+export default SmirkIcon;

package/dist/Presentation/components/UI/svgs/Icons/AIWidgets/WhiteCheckMarkIcon/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare function WhiteCheckMarkIcon(): JSX.Element;
+export default WhiteCheckMarkIcon;

package/dist/Presentation/components/UI/svgs/Icons/Actions/AssistAnswer/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconTheme } from '../../IconsCommonTypes';
+declare function AssitAnswerIcon(theme?: IconTheme | undefined): JSX.Element;
+export default AssitAnswerIcon;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Summarize/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconTheme } from '../../IconsCommonTypes';
+declare function SummarizeIcon(theme?: IconTheme | undefined): JSX.Element;
+export default SummarizeIcon;

package/dist/Presentation/components/UI/svgs/Icons/Actions/Tone/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconTheme } from '../../IconsCommonTypes';
+declare function ToneIcon(theme?: IconTheme | undefined): JSX.Element;
+export default ToneIcon;

package/dist/Presentation/components/UI/svgs/Icons/Media/Translate/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconTheme } from '../../IconsCommonTypes';
+declare function TranslateIcon(theme?: IconTheme | undefined): JSX.Element;
+export default TranslateIcon;

package/dist/Presentation/components/layouts/Desktop/QuickBloxUIKitDesktopLayout.d.ts

@@ -1,7 +1,16 @@
 import React from 'react';
 import UiKitTheme from '../../../assets/UiKitTheme';
+import { AIMessageWidget } from '../../UI/Dialogs/MessagesView/AIWidgets/AIMessageWidget';
+type AIWidgetPlaceHolder = {
+    enabled: boolean;
+    default: boolean;
+    AIWidget?: AIMessageWidget;
+};
 type QuickBloxUIKitDesktopLayoutProps = {
     theme?: UiKitTheme;
+    AIRephrase?: AIWidgetPlaceHolder;
+    AITranslate?: AIWidgetPlaceHolder;
+    AIAssist?: AIWidgetPlaceHolder;
 };
 declare const QuickBloxUIKitDesktopLayout: React.FC<QuickBloxUIKitDesktopLayoutProps>;
 export default QuickBloxUIKitDesktopLayout;

package/dist/QBconfig.d.ts

@@ -17,6 +17,28 @@ export declare const QBConfig: {
                 sessionToken: string;
             };
         };
+        AITranslateWidgetConfig: {
+            apiKey: string;
+            useDefault: boolean;
+            defaultLanguage: string;
+            languages: string[];
+            proxyConfig: {
+                api: string;
+                servername: string;
+                port: string;
+                sessionToken: string;
+            };
+        };
+        AIRephraseWidgetConfig: {
+            apiKey: string;
+            useDefault: boolean;
+            proxyConfig: {
+                api: string;
+                servername: string;
+                port: string;
+                sessionToken: string;
+            };
+        };
     };
     appConfig: {
         maxFileSize: number;

package/dist/index-ui.d.ts

@@ -24,4 +24,8 @@ import QuickBloxUIKitDesktopLayout from './Presentation/components/layouts/Deskt
 import DefaultTheme from './Presentation/assets/DefaultThemes/DefaultTheme';
 import UiKitTheme from './Presentation/assets/UiKitTheme';
 import useQbUIKitDataContext from './Presentation/components/providers/QuickBloxUIKitProvider/useQbUIKitDataContext';
-export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogsViewModel, useDialogsViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogsComponent, MessagesView, DialogInformation, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, };
+import { AIMessageWidget } from './Presentation/components/UI/Dialogs/MessagesView/AIWidgets/AIMessageWidget';
+import { AISource, IChatMessage } from './Data/source/AISource';
+import AIWidgetIcon from './Presentation/components/UI/svgs/Icons/AIWidgets/AIWidget';
+import ErrorMessageIcon from './Presentation/components/UI/Dialogs/MessagesView/AIWidgets/ErrorMessageIcon';
+export { MainButton, TypeButton, type LoginData, type AuthorizationData, QuickBloxUIKitProvider, qbDataContext, type QBDataContextType, RemoteDataSource, LocalDataSource, useQBConnection, useQbInitializedDataContext, useQbUIKitDataContext, useEventMessagesRepository, type DialogsViewModel, useDialogsViewModel, SubscribeToDialogEventsUseCase, Pagination, type DialogEventInfo, EventMessageType, NotificationTypes, stringifyError, DesktopLayout, DialogsComponent, MessagesView, DialogInformation, type DialogEntity, BaseViewModel, QuickBloxUIKitDesktopLayout, DefaultTheme, type UiKitTheme, type AIMessageWidget, AISource, type IChatMessage, AIWidgetIcon, ErrorMessageIcon, };