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

package/src/Presentation/components/UI/Dialogs/MessagesView/useMessagesViewModel.ts

@@ -1,475 +0,0 @@
-import { useState } from 'react';
-import { DialogType } from '../../../../../Domain/entity/DialogTypes';
-import useQbInitializedDataContext from '../../../providers/QuickBloxUIKitProvider/useQbInitializedDataContext';
-import { DialogEntity } from '../../../../../Domain/entity/DialogEntity';
-import { MessagesViewModel } from './MessagesViewModel';
-import { MessageEntity } from '../../../../../Domain/entity/MessageEntity';
-import { GroupDialogEntity } from '../../../../../Domain/entity/GroupDialogEntity';
-import { PrivateDialogEntity } from '../../../../../Domain/entity/PrivateDialogEntity';
-import { GetUsersByIdsUseCase } from '../../../../../Domain/use_cases/GetUsersByIdsUseCase';
-import UsersRepository from '../../../../../Data/repository/UsersRepository';
-import { UserEntity } from '../../../../../Domain/entity/UserEntity';
-import { GetAllMessagesForDialogMock } from '../../../../../Domain/use_cases/GetAllMessagesForDialog';
-import MessagesRepository from '../../../../../Data/repository/MessagesRepository';
-import { Pagination } from '../../../../../Domain/repository/Pagination';
-import { FileEntity } from '../../../../../Domain/entity/FileEntity';
-import { Stubs } from '../../../../../Data/Stubs';
-import { UploadFileUseCase } from '../../../../../Domain/use_cases/UploadFileUseCase';
-import { FileRepository } from '../../../../../Data/repository/FileRepository';
-import { stringifyError } from '../../../../../utils/parse';
-import { SendTextMessageUseCase } from '../../../../../Domain/use_cases/SendTextMessageUseCase';
-import { SubscribeToDialogEventsUseCase } from '../../../../../Domain/use_cases/SubscribeToDialogEventsUseCase';
-import useEventMessagesRepository from '../../../providers/QuickBloxUIKitProvider/useEventMessagesRepository';
-import EventMessageType from '../../../../../Domain/entity/EventMessageType';
-import { NotificationTypes } from '../../../../../Domain/entity/NotificationTypes';
-import { GetDialogByIdUseCase } from '../../../../../Domain/use_cases/GetDialogByIdUseCase';
-import DialogsRepository from '../../../../../Data/repository/DialogsRepository';
-import ChatMessageAttachmentEntity from '../../../../../Domain/entity/ChatMessageAttachmentEntity';
-import { UserTypingMessageUseCase } from '../../../../../Domain/use_cases/UserTypingMessageUseCase';
-import { DialogEventInfo } from '../../../../../Domain/entity/DialogEventInfo';
-
-export default function useMessagesViewModel(
-  dialogType: DialogType,
-  dialogEntity: DialogEntity,
-): MessagesViewModel {
-  console.log('useMessagesViewModel');
-  const [loading, setLoading] = useState(false);
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [error, setError] = useState('error: wrong message list');
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const [messages, setMessages] = useState<MessageEntity[]>([]);
-  // const [users, setUsers] = useState<Record<number, UserEntity>>();
-  const [dialog, setDialog] = useState<DialogEntity>(dialogEntity);
-  // const [dialogsParticipants, setDialogsParticipants] = useState<number[]>([]);
-
-  const currentContext = useQbInitializedDataContext();
-  const eventMessaging = useEventMessagesRepository();
-
-  const subscribeToDialogEventsUseCase: SubscribeToDialogEventsUseCase =
-    new SubscribeToDialogEventsUseCase(eventMessaging, 'MessagesViewModel');
-
-  const [typingText, setTypingText] = useState<string>('');
-
-  async function getMessages() {
-    console.log(
-      'call getMessages in MessagesViewModelWithMockUseCase for dialog: ',
-      JSON.stringify(dialog),
-    );
-    setLoading(true);
-    //
-    //
-    let participants: Array<number> = [];
-    let userDictionary: Record<number, UserEntity> = {};
-
-    if (dialog.type === DialogType.group) {
-      participants = (dialog as GroupDialogEntity).participantIds;
-    } else if (dialog.type === DialogType.private) {
-      participants = [(dialog as PrivateDialogEntity).participantId];
-    } else if (dialog.type === DialogType.public) {
-      participants = [];
-    }
-    const getAllUsersFromDialogByIdsUseCase: GetUsersByIdsUseCase =
-      new GetUsersByIdsUseCase(
-        new UsersRepository(
-          currentContext.storage.LOCAL_DATA_SOURCE,
-          currentContext.storage.REMOTE_DATA_SOURCE,
-        ),
-        participants,
-      );
-
-    //
-    await getAllUsersFromDialogByIdsUseCase
-      .execute()
-      // eslint-disable-next-line promise/always-return
-      .then((data) => {
-        console.log(
-          `use Message have dialog: ${JSON.stringify(
-            dialogEntity,
-          )} getUsers:${JSON.stringify(data)}`,
-        );
-        console.log('have users ids :', JSON.stringify(participants));
-        userDictionary = data.reduce((acc, item) => {
-          const obj = acc;
-
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          acc[item.id] = item;
-
-          return obj;
-        }, {});
-
-        console.log(
-          'have dictionary of users:',
-          JSON.stringify(userDictionary),
-        );
-        setLoading(false);
-        setError('');
-      })
-      .catch((e) => {
-        console.log('have ERROR get users :', JSON.stringify(e));
-        setLoading(false);
-        setError((e as unknown as Error).message);
-      });
-
-    //
-    //
-    const getDialogMessages: GetAllMessagesForDialogMock =
-      new GetAllMessagesForDialogMock(
-        new MessagesRepository(
-          currentContext.storage.LOCAL_DATA_SOURCE,
-          currentContext.storage.REMOTE_DATA_SOURCE,
-        ),
-        dialog.id,
-        new Pagination(),
-      );
-
-    //
-    await getDialogMessages
-      .execute()
-      // eslint-disable-next-line promise/always-return
-      .then((data) => {
-        console.log(
-          `DIALOG: ${JSON.stringify(dialogEntity)} WITH ${
-            data.length
-          } messages:${JSON.stringify(data)}`,
-        );
-
-        const ResultMessages = data.map((message) => {
-          const obj = { ...message };
-
-          console.log('have sender id:', message.sender_id);
-
-          if (userDictionary) {
-            obj.sender = userDictionary[message.sender_id];
-          }
-
-          return obj;
-        });
-
-        console.log(`result messages:${JSON.stringify(ResultMessages)}`);
-        setMessages(ResultMessages);
-        setLoading(false);
-        setError('');
-      })
-      .catch((e) => {
-        console.log('have ERROR get users :', JSON.stringify(e));
-        setLoading(false);
-        setError((e as unknown as Error).message);
-      });
-    //
-
-    console.log('EXECUTE USE CASE MessagesViewModelWithMockUseCase EXECUTED');
-  }
-
-  const dialogUpdateHandler = (dialogInfo: DialogEventInfo) => {
-    console.log('call dialogUpdateHandler in useMessagesViewModel');
-    const getSender = async (sender_id: number) => {
-      const getUser: GetUsersByIdsUseCase = new GetUsersByIdsUseCase(
-        new UsersRepository(
-          currentContext.storage.LOCAL_DATA_SOURCE,
-          currentContext.storage.REMOTE_DATA_SOURCE,
-        ),
-        [sender_id],
-      );
-
-      let userEntity: UserEntity | undefined;
-
-      await getUser
-        .execute()
-        // eslint-disable-next-line promise/always-return
-        .then((data) => {
-          // eslint-disable-next-line prefer-destructuring
-          userEntity = data[0];
-        })
-        .catch((e) => {
-          console.log('have ERROR get users :', JSON.stringify(e));
-        });
-
-      return userEntity;
-    };
-
-    if (dialogInfo.eventMessageType === EventMessageType.LocalMessage) {
-      if (dialogInfo.messageStatus) {
-        if (dialogInfo.messageStatus.isTyping) {
-          // eslint-disable-next-line promise/catch-or-return
-          getSender(dialogInfo.messageStatus.userId).then((senderUser) => {
-            const typingMessage = `User ${
-              // eslint-disable-next-line promise/always-return
-              senderUser?.full_name ||
-              senderUser?.login ||
-              senderUser?.email ||
-              senderUser?.id ||
-              ''
-            } is typing message`;
-
-            setTypingText(typingMessage);
-          });
-        } else {
-          setTypingText('');
-        }
-      }
-    }
-    if (dialogInfo.eventMessageType === EventMessageType.RegularMessage) {
-      if (
-        dialogInfo.messageInfo &&
-        dialogInfo.messageInfo.message &&
-        dialogInfo.messageInfo.id &&
-        dialogInfo.messageInfo.dialogId === dialog.id
-      ) {
-        const messageId = dialogInfo.messageInfo.id;
-        const messageText = dialogInfo.messageInfo.message;
-
-        console.log(
-          `new message id = ${messageId}, new message text: ${messageText}, found messages:`,
-        );
-        const ResultMessage: MessageEntity = { ...dialogInfo.messageInfo };
-
-        // eslint-disable-next-line promise/catch-or-return,promise/always-return
-        getSender(dialogInfo.messageInfo.sender_id)
-          // eslint-disable-next-line promise/always-return
-          .then((user) => {
-            ResultMessage.sender = user;
-            ResultMessage.sender_id = dialogInfo.messageInfo!.sender_id;
-          })
-          .finally(() => {
-            setMessages((prevState) => {
-              const newState = [...prevState];
-
-              newState.push(ResultMessage);
-
-              return newState;
-            });
-          });
-      }
-      // else {
-      //   // загрузить все сообщения заново
-      //   getMessages().catch();
-      // }
-    }
-    if (dialogInfo.eventMessageType === EventMessageType.SystemMessage) {
-      if (dialogInfo.notificationTypes === NotificationTypes.UPDATE_DIALOG) {
-        if (dialogInfo.messageInfo) {
-          const { dialogId } = dialogInfo.messageInfo;
-
-          const getDialogByIdUseCase: GetDialogByIdUseCase =
-            new GetDialogByIdUseCase(
-              new DialogsRepository(
-                currentContext.storage.LOCAL_DATA_SOURCE,
-                currentContext.storage.REMOTE_DATA_SOURCE,
-              ),
-              dialogId,
-            );
-
-          // eslint-disable-next-line promise/catch-or-return,promise/always-return
-          getDialogByIdUseCase.execute().then((updatedDialog) => {
-            setDialog(updatedDialog);
-          });
-        }
-      }
-    }
-  };
-
-  subscribeToDialogEventsUseCase
-    .execute(dialogUpdateHandler)
-    .catch((reason) => {
-      console.log(stringifyError(reason));
-    });
-
-  //
-  // eslint-disable-next-line @typescript-eslint/require-await
-
-  const release = () => {
-    console.log('call release in MessagesViewModelWithMockUseCase');
-  };
-
-  const userTypingMessageUseCase: UserTypingMessageUseCase =
-    new UserTypingMessageUseCase(
-      new MessagesRepository(
-        currentContext.storage.LOCAL_DATA_SOURCE,
-        currentContext.storage.REMOTE_DATA_SOURCE,
-      ),
-      dialog || dialogEntity,
-      currentContext.storage.REMOTE_DATA_SOURCE.authInformation?.userId || 0,
-    );
-
-  const sendTypingTextMessage = () => {
-    console.log('call release in MessagesViewModelWithMockUseCase');
-    userTypingMessageUseCase.execute().catch((reason) => {
-      const errorMessage: string = stringifyError(reason);
-
-      console.log('have exception in sendTypingTextMessage: ', errorMessage);
-
-      throw new Error(errorMessage);
-    });
-  };
-
-  const uploadFile = async (file: File): Promise<FileEntity> => {
-    console.log('call uploadFile(), file: ', file);
-    const fileEntity: FileEntity = Stubs.createFileEntityWithDefaultValues();
-
-    fileEntity.data = file;
-    fileEntity.uid = '';
-    fileEntity.name = file.name;
-    fileEntity.size = file.size;
-    fileEntity.type = file.type;
-    const uploadFileUseCase: UploadFileUseCase = new UploadFileUseCase(
-      new FileRepository(
-        currentContext.storage.LOCAL_DATA_SOURCE,
-        currentContext.storage.REMOTE_DATA_SOURCE,
-      ),
-      fileEntity,
-    );
-
-    const resultEnity: FileEntity = await uploadFileUseCase
-      .execute()
-      .catch((e) => {
-        console.log('Error UploadFileUseCase: ', stringifyError(e));
-        throw new Error(stringifyError(e));
-      });
-
-    return Promise.resolve(resultEnity);
-  };
-
-  function sendMessage(messageToSend: MessageEntity) {
-    const sendTextMessageUseCase: SendTextMessageUseCase =
-      new SendTextMessageUseCase(
-        new MessagesRepository(
-          currentContext.storage.LOCAL_DATA_SOURCE,
-          currentContext.storage.REMOTE_DATA_SOURCE,
-        ),
-        messageToSend,
-      );
-
-    // eslint-disable-next-line promise/catch-or-return
-    sendTextMessageUseCase
-      .execute()
-      .catch((reason) => {
-        const errorMessage: string = stringifyError(reason);
-
-        console.log(
-          'exception in sendMessage in useMessagesViewModel',
-          errorMessage,
-        );
-        setLoading(false);
-        throw new Error(errorMessage);
-      })
-      .finally(() => {
-        setLoading(false);
-      });
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const sendTextMessage = (newMessage: string) => {
-    setLoading(true);
-    const currentUserId =
-      currentContext.storage.REMOTE_DATA_SOURCE.authInformation?.userId || 0;
-    const messageToSend: MessageEntity = Stubs.createMessageEntityWithParams(
-      '',
-      dialog.id,
-      newMessage,
-      Date.now().toString(),
-      Date.now(),
-      Date.now().toString(),
-      [],
-      [],
-      1,
-      currentUserId, // artan 22.06.23
-      dialog.type === DialogType.private
-        ? (dialog as PrivateDialogEntity).participantId
-        : currentUserId,
-      [],
-      '',
-      DialogType.group,
-    );
-
-    messageToSend.dialogType = dialog.type;
-
-    sendMessage(messageToSend);
-  };
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const sendAttachmentMessage = (newMessage: File) => {
-    console.log('call sendTextMessage');
-    setLoading(true);
-    const currentUserId =
-      currentContext.storage.REMOTE_DATA_SOURCE.authInformation?.userId || 0;
-
-    uploadFile(newMessage)
-      // eslint-disable-next-line promise/always-return
-      .then((fileMessage: FileEntity) => {
-        console.log(JSON.stringify(fileMessage));
-        // '[attachment]'
-        const recipientId =
-          dialog.type === DialogType.private
-            ? (dialog as PrivateDialogEntity).participantId
-            : currentUserId;
-
-        // eslint-disable-next-line promise/always-return
-        const messageBody = fileMessage.name || '[attachment]';
-        const messageToSend: MessageEntity =
-          Stubs.createMessageEntityWithParams(
-            '',
-            dialog.id,
-            messageBody,
-            Date.now().toString(),
-            Date.now(),
-            Date.now().toString(),
-            [],
-            [],
-            1,
-            currentUserId,
-            // eslint-disable-next-line promise/always-return
-            recipientId,
-            [],
-            '',
-            DialogType.group,
-          );
-
-        messageToSend.dialogType = dialog.type;
-        const attachments: ChatMessageAttachmentEntity[] = [
-          {
-            id: fileMessage.id as string,
-            uid: fileMessage.uid,
-            type: fileMessage.type!,
-            file: fileMessage,
-            name: fileMessage.name,
-            size: fileMessage.size,
-            url: fileMessage.url,
-          },
-        ];
-
-        messageToSend.attachments = attachments;
-
-        messageToSend.message = `MediaContentEntity|${messageBody}|${
-          fileMessage.uid
-        }|${fileMessage.type!.toString()}`;
-        sendMessage(messageToSend);
-        //
-      })
-      .catch((reason) => {
-        const errorMessage = stringifyError(reason);
-
-        console.log('EXCEPTION in sendAttachmentMessage');
-        throw new Error(errorMessage);
-      });
-  };
-
-  return {
-    get entity(): DialogEntity {
-      return dialog;
-    },
-    set entity(newDialog) {
-      setDialog(newDialog);
-    },
-    messages,
-    loading,
-    error,
-    // eslint-disable-next-line @typescript-eslint/no-misused-promises
-    getMessages,
-    release,
-    sendTextMessage,
-    sendAttachmentMessage,
-    sendTypingTextMessage,
-    typingText,
-  };
-}

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewAudioFile/PreviewAudioFile.scss

@@ -1,62 +0,0 @@
-.preview-audio-file-container,
-.preview-audio-file-container * {
-  box-sizing: border-box;
-}
-.preview-audio-file-container {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-
-  &--placeholder {
-    flex-shrink: 0;
-    width: 32px;
-    height: 32px;
-    position: static;
-
-    &__bg {
-      background: var(--incoming-background, #e4e6e8);
-      border-radius: 8px;
-      width: 32px;
-      height: 32px;
-      position: absolute;
-      left: 0px;
-      top: 0px;
-    }
-    &__icon {
-      border-radius: 4px;
-      padding: 4px;
-      display: flex;
-      flex-direction: row;
-      gap: 0px;
-      align-items: center;
-      justify-content: center;
-      width: 24px;
-      height: 24px;
-      position: absolute;
-      left: 4px;
-      top: 4px;
-    }
-  }
-
-  &--audio-mp-3 {
-    color: var(--main-text, #0b121b);
-    text-align: left;
-    font: 400 12px/16px "Roboto", sans-serif;
-    position: relative;
-    flex: 1;
-  }
-}
-
-
-.media-audio-file {
-  align-self: stretch;
-  flex: 1;
-  position: relative;
-  overflow: visible;
-}
-

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewAudioFile/PreviewAudioFile.tsx

@@ -1,25 +0,0 @@
-import './PreviewAudioFile.scss';
-import React from 'react';
-import AudioFile from '../../../svgs/Icons/Media/AudioFile';
-
-type PreviewAudioFileProps = {
-  fileName: string;
-};
-// eslint-disable-next-line react/function-component-definition
-const PreviewAudioFile: React.FC<PreviewAudioFileProps> = ({
-  fileName,
-}: PreviewAudioFileProps) => {
-  return (
-    <div className="preview-audio-file-container">
-      <div className="preview-audio-file-container--placeholder">
-        <div className="preview-audio-file-container--placeholder__bg" />
-        <div className="preview-audio-file-container--placeholder__icon">
-          <AudioFile width="16" height="16" applyZoom color="var(--caption)" />
-        </div>
-      </div>
-      <div className="preview-audio-file-container--audio-mp-3">{fileName}</div>
-    </div>
-  );
-};
-
-export default PreviewAudioFile;

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDefaultFile/PreviewDefaultFile.scss

@@ -1,61 +0,0 @@
-.preview-default-file-container,
-.preview-default-file-container * {
-  box-sizing: border-box;
-}
-.preview-default-file-container {
-  display: flex;
-  flex-direction: row;
-  gap: 8px;
-  align-items: center;
-  justify-content: flex-start;
-  align-self: stretch;
-  flex-shrink: 0;
-  position: relative;
-
-  &--placeholder {
-    flex-shrink: 0;
-    width: 32px;
-    height: 32px;
-    position: static;
-
-    &__bg {
-      background: var(--incoming-background, #e4e6e8);
-      border-radius: 8px;
-      width: 32px;
-      height: 32px;
-      position: absolute;
-      left: 0px;
-      top: 0px;
-    }
-    &__icon {
-      border-radius: 4px;
-      padding: 4px;
-      display: flex;
-      flex-direction: row;
-      gap: 0px;
-      align-items: center;
-      justify-content: center;
-      width: 24px;
-      height: 24px;
-      position: absolute;
-      left: 4px;
-      top: 4px;
-    }
-  }
-
-  &--default-file {
-    color: var(--main-text, #0b121b);
-    text-align: left;
-    font: 400 12px/16px "Roboto", sans-serif;
-    position: relative;
-    flex: 1;
-  }
-}
-
-.media-text-document {
-  align-self: stretch;
-  flex: 1;
-  position: relative;
-  overflow: visible;
-}
-

package/src/Presentation/components/UI/Dialogs/PreviewDialog/PreviewDefaultFile/PreviewDefaultFile.tsx

@@ -1,32 +0,0 @@
-import './PreviewDefaultFile.scss';
-import React from 'react';
-import TextDocument from '../../../svgs/Icons/Media/TextDocument';
-
-type PreviewDefaultFileProps = {
-  fileName: string;
-};
-// eslint-disable-next-line react/function-component-definition
-const PreviewDefaultFile: React.FC<PreviewDefaultFileProps> = ({
-  fileName,
-}: PreviewDefaultFileProps) => {
-  return (
-    <div className="preview-default-file-container">
-      <div className="preview-default-file-container--placeholder">
-        <div className="preview-default-file-container--placeholder__bg" />
-        <div className="preview-default-file-container--placeholder__icon">
-          <TextDocument
-            width="16"
-            height="16"
-            applyZoom
-            color="var(--caption)"
-          />
-        </div>
-      </div>
-      <div className="preview-default-file-container--default-file">
-        {fileName}
-      </div>
-    </div>
-  );
-};
-
-export default PreviewDefaultFile;