v0.3.1-beta.6

Author: Artem-K-Koltunov

package.json

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

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,
       );
     };
 

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);
     }

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

@@ -1,3 +1,7 @@
+.container {
+  width: 100%;
+}
+
 .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;
   }
 }

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"