quickblox-react-ui-kit 0.3.1-beta.5 → 0.3.1-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quickblox-react-ui-kit",
-  "version": "0.3.1-beta.5",
+  "version": "0.3.1-beta.7",
   "main": "dist/index-ui.js",
   "license": "MIT",
   "dependencies": {

package/src/Data/source/remote/RemoteDataSource.ts

@@ -635,9 +635,13 @@ export class RemoteDataSource implements IRemoteDataSource {
     };
     QB.chat.onMessageErrorListener = (messageId: string, error: unknown) => {
       console.log(
-        `EVENT: receive error messageid: ${messageId}, error: ${stringifyError(
+        `EVENT: receive error message id: ${messageId}, error: ${stringifyError(
           error,
-        )}`,
+        )}, current auth status is: ${this.authProcessed ? 'true' : 'false'}`,
+      );
+      this.subscriptionOnSessionExpiredListener.informSubscribers(
+        true,
+        EventMessageType.LocalMessage,
       );
     };
 

package/src/Presentation/Views/DialogList/DialogList.tsx

@@ -242,43 +242,6 @@ const DialogList: React.FC<DialogsProps> = ({
       return AvatarComponent;
     };
 
-    /*
-import React, {useState, useEffect} from 'react';
-
-// предполагая, что dialogListViewModel определен в родительском компоненте и передан в этот компонент как проп
-const YourComponent = ({ dialogListViewModel }) => {
-  const [pointerEventsValue, setPointerEvents] = useState('auto');
-  
-  // поведение на 12 секунд
-  useEffect(() => {
-    let timeout;
-    if (dialogListViewModel && dialogListViewModel.loading) {
-      setPointerEvents('none');
-      timeout = setTimeout(() => {
-        setPointerEvents('auto');
-      }, 12000); // блокировать нажатие на 12 секунд
-    } 
-    
-    // поведение на отмену эффекта
-    return () => {
-      if (timeout) {
-        clearTimeout(timeout);
-      }
-    }
-  }, [dialogListViewModel]);
-  
-  return (
-    <div 
-      style={{
-        pointerEventsValue: pointerEventsValue
-      }}
-    >
-    ... 
-    </div>
-  );
-}
- */
-
     return (
       <div
         key={item.entity.id}

package/src/Presentation/Views/EditDialog/EditDialog.tsx

@@ -80,6 +80,7 @@ const EditDialog: React.FC<EditDialogProps> = ({
 
     const fileSize = file?.size || 0;
 
+    console.log('MAX_FILE_SIZE', maxUploadFileSize, ' fileSize', fileSize);
     if (fileSize >= maxUploadFileSize) {
       setErrorMessageUpload(errorMessageUploadMaxSize);
 

package/src/Presentation/layouts/Desktop/QuickBloxUIKitDesktopLayout.tsx

@@ -61,6 +61,7 @@ import useModal from '../../../hooks/useModal';
 import useQBConnection from '../../providers/QuickBloxUIKitProvider/useQBConnection';
 import { ProxyConfig } from '../../../CommonTypes/CommonTypes';
 import EventMessageType from '../../../Domain/entity/EventMessageType';
+import { formatFileSize } from '../../../utils/formatFileSize';
 
 type AIWidgetPlaceHolder = {
   enabled: boolean;
@@ -922,7 +923,9 @@ const QuickBloxUIKitDesktopLayout: React.FC<
       }
     } else if (fileToSend) {
       toast(
-        `file size ${fileToSend?.size} must be less then ${MAXSIZE_FOR_MESSAGE} mb.`,
+        `file size ${formatFileSize(
+          fileToSend?.size,
+        )} must be less then ${MAXSIZE_FOR_MESSAGE} mb.`,
       );
       setFileToSend(null);
     }

package/src/Presentation/ui-components/MessageInput/AttachmentUploader/AttachmentUploader.tsx

@@ -26,6 +26,8 @@ const AttachmentUploader: React.FC<AttachmentMessageProps> = ({
         style={{ display: 'none' }}
         onChange={(event) => {
           onChangeFile(event);
+          // eslint-disable-next-line no-param-reassign
+          event.target.value = '';
         }}
         disabled={disableAction}
       />

package/src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.scss

@@ -5,7 +5,7 @@
 
   &__image {
     object-fit: cover;
-    display: block;
+    display: flex;
     width: 32px;
     height: 32px;
     background: var(--incoming-background, #e4e6e8);

package/src/Presentation/ui-components/Toast/Toast.scss

@@ -1,3 +1,7 @@
+.container {
+  width: 25%;
+}
+
 .toast {
   min-height: 24px;
   padding: 4px 12px;
@@ -13,5 +17,6 @@
     line-height: 16px;
     letter-spacing: 0.5px;
     color: var(--main-background);
+    text-align: center;
   }
 }

package/src/Presentation/ui-components/Toast/ToastProvider.tsx

@@ -14,6 +14,7 @@ export default function ToastProvider({ children }: ToastProps) {
   return (
     <ToastContext.Provider value={undefined}>
       <ToastContainer
+        className="container"
         position="top-center"
         autoClose={3000}
         bodyClassName="toast__body"