quickblox-react-ui-kit 0.2.4 → 0.2.5

package/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).

package/dist/Data/repository/DialogsRepository.d.ts

@@ -10,6 +10,7 @@ export default class DialogsRepository implements IDialogsRepository {
     private dialogRemoteDTOMapper;
     private dialogLocalDTOMapper;
     constructor(localDataStorage: ILocalDataSource, remoteDataSource: IRemoteDataSource);
+    release(): void;
     subscribeLocalSync(subscriber: FunctionTypeVoidToVoid): void;
     unsubscribeLocalSync(): void;
     isLocalSynced(): Promise<boolean>;

package/dist/Data/repository/EventMessagesRepository.d.ts

@@ -26,6 +26,7 @@ export default class EventMessagesRepository implements IRemoteMessaging<Message
     protected NewMessageEventHandler(messageInfo: RemoteMessageDTO): void;
     protected NewDialogEventHandler(messageInfo: RemoteMessageDTO): void;
     protected DeleteLeaveDialogEventHandler(messageInfo: RemoteMessageDTO): void;
+    protected RemoteUserDialogEventHandler(messageInfo: RemoteMessageDTO): void;
     protected UpdateDialogEventHandler(messageInfo: RemoteMessageDTO): void;
     dispatchEvent<TEventInfo>(even: EventMessageType, eventBody: TEventInfo, receivers: number[]): void;
     subscribeOnMessaging(callback: CallBackFunction<MessageEntity>, nameSubscription?: string): void;

package/dist/Data/repository/MessagesRepository.d.ts

@@ -17,8 +17,8 @@ export default class MessagesRepository implements IMessagesRepository {
     getMessagesFromRemote(dialogId: string, pagination: Pagination): Promise<PaginatedResult<MessageEntity>>;
     typingMessageStart(dialog: DialogEntity, senderId: number): Promise<void>;
     typingMessageStop(dialog: DialogEntity, senderId: number): Promise<void>;
-    saveMessageToLocal(entity: MessageEntity): Promise<boolean>;
-    sendMessageToRemote(entity: MessageEntity): Promise<boolean>;
+    saveMessageToLocal(entity: MessageEntity): Promise<MessageEntity>;
+    sendMessageToRemote(entity: MessageEntity): Promise<MessageEntity>;
     updateMessageInLocal(entity: MessageEntity): Promise<boolean>;
     updateMessageInRemote(entity: MessageEntity): Promise<boolean>;
 }

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

@@ -2,4 +2,5 @@ export declare class NotificationTypes {
     static readonly NEW_DIALOG = "1";
     static readonly UPDATE_DIALOG = "2";
     static readonly DELETE_LEAVE_DIALOG = "3";
+    static readonly REMOVE_USER = "4";
 }

package/dist/Domain/repository/IDialogsRepository.d.ts

@@ -17,4 +17,5 @@ export interface IDialogsRepository {
     unsubscribeLocalSync(): void;
     isLocalSynced(): Promise<boolean>;
     setLocalSynced(synced: boolean): void;
+    release(): void;
 }

package/dist/Domain/repository/IMessagesRepository.d.ts

@@ -2,8 +2,8 @@ import { MessageEntity } from '../entity/MessageEntity';
 import { PaginatedResult, Pagination } from './Pagination';
 import { DialogEntity } from '../entity/DialogEntity';
 export interface IMessagesRepository {
-    saveMessageToLocal(message: MessageEntity): Promise<boolean>;
-    sendMessageToRemote(message: MessageEntity): Promise<boolean>;
+    saveMessageToLocal(message: MessageEntity): Promise<MessageEntity>;
+    sendMessageToRemote(message: MessageEntity): Promise<MessageEntity>;
     getMessagesFromLocal(dialogId: string): Promise<Array<MessageEntity>>;
     getMessagesFromRemote(dialogId: string, pagination: Pagination): Promise<PaginatedResult<MessageEntity>>;
     updateMessageInLocal(message: MessageEntity): Promise<boolean>;

package/dist/Domain/use_cases/CreateDialogUseCase.d.ts

@@ -7,6 +7,7 @@ export declare class CreateDialogUseCase implements IUseCase<void, DialogEntity>
     private dialogRepository;
     private eventMessagesRepository;
     private newDialog;
-    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, newDialog: GroupDialogEntity);
+    private textInformationMessage;
+    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, newDialog: GroupDialogEntity, textInformationMessage: string);
     execute(): Promise<DialogEntity>;
 }

package/dist/Domain/use_cases/LeaveDialogUseCase.d.ts

@@ -13,6 +13,7 @@ export declare class LeaveDialogUseCase implements IUseCase<void, boolean> {
     private eventMessagesRepository;
     private dialogToLeave;
     private leaveType;
-    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, dialog: DialogEntity, leaveType: DialogLeaveTypeArcheType);
+    private textInformationMessage;
+    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, dialog: DialogEntity, leaveType: DialogLeaveTypeArcheType, textInformationMessage: string);
     execute(): Promise<boolean>;
 }

package/dist/Domain/use_cases/RemoveUsersFromTheDialogUseCase.d.ts

@@ -7,6 +7,7 @@ export declare class RemoveUsersFromTheDialogUseCase implements IUseCase<void, b
     private eventMessagesRepository;
     private dialogToLeave;
     private usersIds;
-    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, dialog: DialogEntity, usersIds: Array<number>);
+    private textInformationMessage;
+    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, dialog: DialogEntity, usersIds: Array<number>, textInformationMessage: string);
     execute(): Promise<boolean>;
 }

package/dist/Domain/use_cases/SubscribeToDialogEventsUseCase.d.ts

@@ -12,5 +12,6 @@ export declare class SubscribeToDialogEventsUseCase extends BaseUseCase<DialogEv
     newMessageEventHandler(messageEntity: MessageEntity): void;
     updateDialogEventHandler(messageEntity: MessageEntity): void;
     leaveDialogEventHandler(messageEntity: MessageEntity): void;
+    removeUserDialogEventHandler(messageEntity: MessageEntity): void;
     newDialogEventHandler(messageEntity: MessageEntity): void;
 }

package/dist/Domain/use_cases/UpdateDialogUseCase.d.ts

@@ -7,6 +7,7 @@ export declare class UpdateDialogUseCase implements IUseCase<void, DialogEntity>
     private dialogRepository;
     private eventMessagesRepository;
     private updateDialog;
-    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, updateDialog: GroupDialogEntity);
+    private textInformationMessage;
+    constructor(eventMessagesRepository: EventMessagesRepository, dialogRepository: DialogsRepository, updateDialog: GroupDialogEntity, textInformationMessage: string);
     execute(): Promise<DialogEntity>;
 }

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

@@ -17,6 +17,7 @@ export type EditDialogParams = {
     dialogAvatar: File | string | null;
 };
 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;

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

@@ -2,6 +2,7 @@ import React from 'react';
 import './DefaultAttachmentComponent.scss';
 type DefaultAttachmentComponentProps = {
     fileName: string;
+    fileUrl: string;
 };
 declare const DefaultAttachmentComponent: React.FC<DefaultAttachmentComponentProps>;
 export default DefaultAttachmentComponent;

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

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import './AvatarContentIncomingUser.scss';
+export interface AvatarContentIncomingUserProps {
+    userId: number;
+}
 export default function AvatarContentIncomingUser(): JSX.Element;

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

@@ -1,11 +1,17 @@
-/// <reference types="react" />
+import React from 'react';
 import './InComingMessage.scss';
 import UiKitTheme from '../../../../../assets/UiKitTheme';
 import { MessageEntity } from '../../../../../../Domain/entity/MessageEntity';
 import { AIMessageWidget } from '../AIWidgets/AIMessageWidget';
+import { AvatarContentIncomingUserProps } from './AvatarContentIncomingUser/AvatarContentIncomingUser';
+import { UserEntity } from '../../../../../../Domain/entity/UserEntity';
+export type GetUserNameFct = (props: {
+    userId?: number;
+    sender?: UserEntity;
+}) => Promise<string | undefined>;
 export declare function InComingMessage(props: {
     theme: UiKitTheme | undefined;
-    senderName: string | undefined;
+    senderNameFct: GetUserNameFct;
     message: MessageEntity;
     onStartLoader: () => void;
     onStopLoader: () => void;
@@ -14,4 +20,5 @@ export declare function InComingMessage(props: {
     messagesToView: MessageEntity[];
     AITranslation?: AIMessageWidget;
     AIAnswerToMessage?: AIMessageWidget;
+    userIconRenderer?: (props: AvatarContentIncomingUserProps) => React.ReactElement;
 }): JSX.Element;

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

@@ -1,9 +1,11 @@
 import React from 'react';
 import './MessagesView.scss';
+import { UserEntity } from '../../../../../Domain/entity/UserEntity';
 import UiKitTheme from '../../../../assets/UiKitTheme';
 import { AIMessageWidget } from './AIWidgets/AIMessageWidget';
 import { DialogsViewModel } from '../../../../Views/Dialogs/DialogViewModel';
 import { FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
+import { AvatarContentIncomingUserProps } from './InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser';
 type HeaderDialogsMessagesProps = {
     AIRephrase?: AIMessageWidget;
     AITranslate?: AIMessageWidget;
@@ -12,8 +14,16 @@ type HeaderDialogsMessagesProps = {
     onDialogInformationHandler?: FunctionTypeVoidToVoid;
     maxWidthToResize?: string;
     theme?: UiKitTheme;
+    headerContent?: React.ReactNode;
     subHeaderContent?: React.ReactNode;
     upHeaderContent?: React.ReactNode;
+    rootStyles?: React.CSSProperties;
+    messagesContainerStyles?: React.CSSProperties;
+    userIconRenderer?: (props: AvatarContentIncomingUserProps) => React.ReactElement;
+    getSenderNameFct?: (props: {
+        sender?: UserEntity;
+        userId?: number;
+    }) => Promise<string | undefined>;
 };
 declare const MessagesView: React.FC<HeaderDialogsMessagesProps>;
 export default MessagesView;

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

@@ -1,4 +1,4 @@
-import BaseViewModel, { FunctionTypeFileToToVoid, FunctionTypePaginationToVoid, FunctionTypeStringToVoid, FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
+import BaseViewModel, { FunctionTypeFileToToBoolean, FunctionTypePaginationToVoid, FunctionTypeStringToVoid, FunctionTypeVoidToVoid } from '../../../../Views/Base/BaseViewModel';
 import { MessageEntity } from '../../../../../Domain/entity/MessageEntity';
 import { DialogEntity } from '../../../../../Domain/entity/DialogEntity';
 export interface MessagesViewModel extends BaseViewModel<DialogEntity> {
@@ -7,7 +7,7 @@ export interface MessagesViewModel extends BaseViewModel<DialogEntity> {
     messages: MessageEntity[];
     getMessages: FunctionTypePaginationToVoid;
     sendTextMessage: FunctionTypeStringToVoid;
-    sendAttachmentMessage: FunctionTypeFileToToVoid;
+    sendAttachmentMessage: FunctionTypeFileToToBoolean;
     release: FunctionTypeVoidToVoid;
     sendTypingTextMessage: FunctionTypeVoidToVoid;
     typingText: string;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './SystemDateBanner.scss';
+type SystemDateBannerProps = {
+    text: string;
+};
+export declare const SystemDateBanner: React.FC<SystemDateBannerProps>;
+export {};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './SystemMessageBanner.scss';
+type SystemMessageBannerProps = {
+    messageText: string;
+};
+export declare const SystemMessageBanner: React.FC<SystemMessageBannerProps>;
+export {};

package/dist/index-ui.d.ts

@@ -28,4 +28,8 @@ import { AIMessageWidget } from './Presentation/components/UI/Dialogs/MessagesVi
 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, };
+import PreviewDialogViewModel from './Presentation/components/UI/Dialogs/PreviewDialog/PreviewDialogViewModel';
+import { AvatarContentIncomingUserProps } from './Presentation/components/UI/Dialogs/MessagesView/InComingMessage/AvatarContentIncomingUser/AvatarContentIncomingUser';
+import { FunctionTypeViewModelToVoid } from './Presentation/Views/Base/BaseViewModel';
+import { GetUserNameFct } from './Presentation/components/UI/Dialogs/MessagesView/InComingMessage/InComingMessage';
+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, PreviewDialogViewModel, type FunctionTypeViewModelToVoid, type AvatarContentIncomingUserProps, type GetUserNameFct };