sceyt-chat-react-uikit 1.6.9-beta.4 → 1.6.9-beta.6

package/index.js

@@ -16303,7 +16303,7 @@ function sendMessage(action) {
   }, _marked$3, null, [[2, 80]]);
 }
 function sendTextMessage(action) {
-  var payload, message, connectionState, channelId, channel, sendMessageTid, SceytChatClient, createChannelData, mentionedUserIds, attachments, attachmentBuilder, att, messageBuilder, messageToSend, pendingMessage, hasNextMessages, messagesToAdd, messageResponse, messageUpdateData, messageToUpdate, channelUpdateParam;
+  var payload, message, connectionState, channelId, channel, sendMessageTid, SceytChatClient, createChannelData, mentionedUserIds, attachments, attachmentBuilder, att, messageBuilder, messageToSend, pendingMessage, messagesToAdd, messageResponse, messageUpdateData, messageToUpdate, channelUpdateParam;
   return _regeneratorRuntime().wrap(function sendTextMessage$(_context4) {
     while (1) switch (_context4.prev = _context4.next) {
       case 0:
@@ -16375,51 +16375,32 @@ function sendTextMessage(action) {
           pendingMessage.metadata = JSON.parse(pendingMessage.metadata);
         }
         _context4.next = 35;
-        return effects.select(messagesHasNextSelector);
+        return effects.call(addPendingMessage, message, pendingMessage, channel);
       case 35:
-        hasNextMessages = _context4.sent;
-        if (getHasNextCached()) {
-          _context4.next = 44;
-          break;
-        }
-        if (!hasNextMessages) {
-          _context4.next = 42;
-          break;
-        }
-        _context4.next = 40;
-        return effects.put(getMessagesAC(channel));
-      case 40:
-        _context4.next = 44;
-        break;
-      case 42:
-        _context4.next = 44;
-        return effects.put(addMessageAC(JSON.parse(JSON.stringify(pendingMessage))));
-      case 44:
-        addAllMessages([pendingMessage], MESSAGE_LOAD_DIRECTION.NEXT);
         messagesToAdd = getFromAllMessagesByMessageId('', '', true);
-        _context4.next = 48;
+        _context4.next = 38;
         return effects.put(setMessagesAC(JSON.parse(JSON.stringify(messagesToAdd))));
-      case 48:
+      case 38:
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context4.next = 74;
+          _context4.next = 64;
           break;
         }
         if (!sendMessageHandler) {
-          _context4.next = 55;
+          _context4.next = 45;
           break;
         }
-        _context4.next = 52;
+        _context4.next = 42;
         return effects.call(sendMessageHandler, messageToSend, channel.id);
-      case 52:
+      case 42:
         messageResponse = _context4.sent;
-        _context4.next = 58;
+        _context4.next = 48;
         break;
-      case 55:
-        _context4.next = 57;
+      case 45:
+        _context4.next = 47;
         return effects.call(channel.sendMessage, messageToSend);
-      case 57:
+      case 47:
         messageResponse = _context4.sent;
-      case 58:
+      case 48:
         messageUpdateData = {
           id: messageResponse.id,
           body: messageResponse.body,
@@ -16435,9 +16416,9 @@ function sendTextMessage(action) {
           repliedInThread: messageResponse.repliedInThread,
           createdAt: messageResponse.createdAt
         };
-        _context4.next = 61;
+        _context4.next = 51;
         return effects.put(updateMessageAC(messageToSend.tid, JSON.parse(JSON.stringify(messageUpdateData))));
-      case 61:
+      case 51:
         updateMessageOnMap(channel.id, {
           messageId: messageToSend.tid,
           params: messageUpdateData
@@ -16449,32 +16430,32 @@ function sendTextMessage(action) {
           lastMessage: messageToUpdate,
           lastReactedMessage: null
         };
-        _context4.next = 68;
+        _context4.next = 58;
         return effects.put(updateChannelDataAC(channel.id, channelUpdateParam, true));
-      case 68:
+      case 58:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
         if (!channel.unread) {
-          _context4.next = 72;
+          _context4.next = 62;
           break;
         }
-        _context4.next = 72;
+        _context4.next = 62;
         return effects.put(markChannelAsReadAC(channel.id));
-      case 72:
-        _context4.next = 75;
+      case 62:
+        _context4.next = 65;
         break;
-      case 74:
+      case 64:
         throw new Error('Connection required to send message');
-      case 75:
-        _context4.next = 77;
+      case 65:
+        _context4.next = 67;
         return effects.put(scrollToNewMessageAC(true));
-      case 77:
-        _context4.next = 79;
+      case 67:
+        _context4.next = 69;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
-      case 79:
-        _context4.next = 90;
+      case 69:
+        _context4.next = 80;
         break;
-      case 81:
-        _context4.prev = 81;
+      case 71:
+        _context4.prev = 71;
         _context4.t0 = _context4["catch"](8);
         log.error('error on send text message ... ', _context4.t0);
         updateMessageOnMap(channel.id, {
@@ -16486,18 +16467,18 @@ function sendTextMessage(action) {
         updateMessageOnAllMessages(sendMessageTid, {
           state: MESSAGE_STATUS.FAILED
         });
-        _context4.next = 88;
+        _context4.next = 78;
         return effects.put(updateMessageAC(sendMessageTid, {
           state: MESSAGE_STATUS.FAILED
         }));
-      case 88:
-        _context4.next = 90;
+      case 78:
+        _context4.next = 80;
         return effects.put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
-      case 90:
+      case 80:
       case "end":
         return _context4.stop();
     }
-  }, _marked2$2, null, [[8, 81]]);
+  }, _marked2$2, null, [[8, 71]]);
 }
 function forwardMessage(action) {
   var payload, message, channelId, connectionState, channel, SceytChatClient, mentionedUserIds, attachments, attachmentBuilder, att, messageBuilder, messageToSend, pendingMessage, activeChannelId, isCachedChannel, hasNextMessages, messageResponse, messageUpdateData, messageToUpdate, channelUpdateParam;
@@ -19966,7 +19947,7 @@ var LastMessageAuthor = styled__default.div(_templateObject9$1 || (_templateObje
 var Points = styled__default.span(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n  margin-right: 4px;\n  color: ", ";\n  font-style: normal;\n"])), function (props) {
   return props.color;
 });
-var LastMessageText = styled__default.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", ";\n  font-style: ", ";\n  transform: ", ";\n  //height: 20px;\n\n  > svg {\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    min-height: 16px;\n    margin-right: 4px;\n    color: ", ";\n    transform: translate(0px, 3px);\n  }\n  & > span {\n    display: flex;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n  }\n  & > div {\n    display: flex;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n    & > svg {\n      width: 18px;\n      height: 18px;\n      min-width: 18px;\n      min-height: 18px;\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var LastMessageText = styled__default.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", ";\n  font-style: ", ";\n  transform: ", ";\n  //height: 20px;\n\n  > svg {\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    min-height: 16px;\n    margin-right: 4px;\n    color: ", ";\n    transform: translate(0px, 3px);\n  }\n  & > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n  }\n  & > div {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n    & > svg {\n      width: 18px;\n      height: 18px;\n      min-width: 18px;\n      min-height: 18px;\n      color: ", ";\n    }\n  }\n"])), function (props) {
   return props.color;
 }, function (props) {
   return props.deletedMessage && 'italic';
@@ -31305,9 +31286,11 @@ var MessageList = function MessageList(_ref2) {
     setIsDragging(false);
     if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
       var fileList = Object.values(e.dataTransfer.files);
-      var attachmentsFiles = [];
       new Promise(function (resolve) {
-        fileList.forEach(function (attachment, index) {
+        var attachmentsFiles = [];
+        var readFiles = 0;
+        var errorCount = 0;
+        fileList.forEach(function (attachment) {
           var fileReader = new FileReader();
           fileReader.onload = function (event) {
             var file = event.target.result;
@@ -31316,14 +31299,23 @@ var MessageList = function MessageList(_ref2) {
               data: file,
               type: attachment.type
             });
-            if (fileList.length - 1 === index) {
-              resolve();
+            readFiles++;
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
+            }
+          };
+          fileReader.onerror = function () {
+            errorCount++;
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
             }
           };
           fileReader.readAsDataURL(attachment);
         });
-      }).then(function () {
-        dispatch(setDraggedAttachmentsAC(attachmentsFiles, 'file'));
+      }).then(function (result) {
+        dispatch(setDraggedAttachmentsAC(result, 'file'));
+      })["catch"](function (error) {
+        console.error('Error in handleDropFile:', error);
       });
       e.dataTransfer.clearData();
     }
@@ -31334,9 +31326,10 @@ var MessageList = function MessageList(_ref2) {
     setIsDragging(false);
     if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
       var fileList = Object.values(e.dataTransfer.files);
-      var attachmentsFiles = [];
       new Promise(function (resolve) {
+        var attachmentsFiles = [];
         var readFiles = 0;
+        var errorCount = 0;
         fileList.forEach(function (attachment) {
           var fileReader = new FileReader();
           fileReader.onload = function (event) {
@@ -31347,14 +31340,22 @@ var MessageList = function MessageList(_ref2) {
               type: attachment.type
             });
             readFiles++;
-            if (fileList.length === readFiles) {
-              resolve();
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
+            }
+          };
+          fileReader.onerror = function () {
+            errorCount++;
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
             }
           };
           fileReader.readAsDataURL(attachment);
         });
-      }).then(function () {
-        dispatch(setDraggedAttachmentsAC(attachmentsFiles, 'media'));
+      }).then(function (result) {
+        dispatch(setDraggedAttachmentsAC(result, 'media'));
+      })["catch"](function (error) {
+        console.error('Error in handleDropMedia:', error);
       });
       e.dataTransfer.clearData();
     }
@@ -31848,7 +31849,7 @@ var MessageList = function MessageList(_ref2) {
     attachmentsPreview: attachmentsPreview
   })))));
 };
-var Container$h = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column-reverse;\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n  scroll-behavior: smooth;\n  will-change: left, top;\n  background-color: ", ";\n\n  &::-webkit-scrollbar {\n    width: 8px;\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n\n  &.show-scrollbar::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.show-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"])), function (props) {
+var Container$h = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column-reverse;\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n  scroll-behavior: smooth;\n  will-change: left, top;\n  background-color: ", ";\n  overflow-x: hidden;\n\n  &::-webkit-scrollbar {\n    width: 8px;\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n\n  &.show-scrollbar::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.show-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.thumbColor;

package/index.modern.js

@@ -16280,7 +16280,7 @@ function sendMessage(action) {
   }, _marked$3, null, [[2, 80]]);
 }
 function sendTextMessage(action) {
-  var payload, message, connectionState, channelId, channel, sendMessageTid, SceytChatClient, createChannelData, mentionedUserIds, attachments, attachmentBuilder, att, messageBuilder, messageToSend, pendingMessage, hasNextMessages, messagesToAdd, messageResponse, messageUpdateData, messageToUpdate, channelUpdateParam;
+  var payload, message, connectionState, channelId, channel, sendMessageTid, SceytChatClient, createChannelData, mentionedUserIds, attachments, attachmentBuilder, att, messageBuilder, messageToSend, pendingMessage, messagesToAdd, messageResponse, messageUpdateData, messageToUpdate, channelUpdateParam;
   return _regeneratorRuntime().wrap(function sendTextMessage$(_context4) {
     while (1) switch (_context4.prev = _context4.next) {
       case 0:
@@ -16352,51 +16352,32 @@ function sendTextMessage(action) {
           pendingMessage.metadata = JSON.parse(pendingMessage.metadata);
         }
         _context4.next = 35;
-        return select(messagesHasNextSelector);
+        return call(addPendingMessage, message, pendingMessage, channel);
       case 35:
-        hasNextMessages = _context4.sent;
-        if (getHasNextCached()) {
-          _context4.next = 44;
-          break;
-        }
-        if (!hasNextMessages) {
-          _context4.next = 42;
-          break;
-        }
-        _context4.next = 40;
-        return put(getMessagesAC(channel));
-      case 40:
-        _context4.next = 44;
-        break;
-      case 42:
-        _context4.next = 44;
-        return put(addMessageAC(JSON.parse(JSON.stringify(pendingMessage))));
-      case 44:
-        addAllMessages([pendingMessage], MESSAGE_LOAD_DIRECTION.NEXT);
         messagesToAdd = getFromAllMessagesByMessageId('', '', true);
-        _context4.next = 48;
+        _context4.next = 38;
         return put(setMessagesAC(JSON.parse(JSON.stringify(messagesToAdd))));
-      case 48:
+      case 38:
         if (!(connectionState === CONNECTION_STATUS.CONNECTED)) {
-          _context4.next = 74;
+          _context4.next = 64;
           break;
         }
         if (!sendMessageHandler) {
-          _context4.next = 55;
+          _context4.next = 45;
           break;
         }
-        _context4.next = 52;
+        _context4.next = 42;
         return call(sendMessageHandler, messageToSend, channel.id);
-      case 52:
+      case 42:
         messageResponse = _context4.sent;
-        _context4.next = 58;
+        _context4.next = 48;
         break;
-      case 55:
-        _context4.next = 57;
+      case 45:
+        _context4.next = 47;
         return call(channel.sendMessage, messageToSend);
-      case 57:
+      case 47:
         messageResponse = _context4.sent;
-      case 58:
+      case 48:
         messageUpdateData = {
           id: messageResponse.id,
           body: messageResponse.body,
@@ -16412,9 +16393,9 @@ function sendTextMessage(action) {
           repliedInThread: messageResponse.repliedInThread,
           createdAt: messageResponse.createdAt
         };
-        _context4.next = 61;
+        _context4.next = 51;
         return put(updateMessageAC(messageToSend.tid, JSON.parse(JSON.stringify(messageUpdateData))));
-      case 61:
+      case 51:
         updateMessageOnMap(channel.id, {
           messageId: messageToSend.tid,
           params: messageUpdateData
@@ -16426,32 +16407,32 @@ function sendTextMessage(action) {
           lastMessage: messageToUpdate,
           lastReactedMessage: null
         };
-        _context4.next = 68;
+        _context4.next = 58;
         return put(updateChannelDataAC(channel.id, channelUpdateParam, true));
-      case 68:
+      case 58:
         updateChannelOnAllChannels(channel.id, channelUpdateParam);
         if (!channel.unread) {
-          _context4.next = 72;
+          _context4.next = 62;
           break;
         }
-        _context4.next = 72;
+        _context4.next = 62;
         return put(markChannelAsReadAC(channel.id));
-      case 72:
-        _context4.next = 75;
+      case 62:
+        _context4.next = 65;
         break;
-      case 74:
+      case 64:
         throw new Error('Connection required to send message');
-      case 75:
-        _context4.next = 77;
+      case 65:
+        _context4.next = 67;
         return put(scrollToNewMessageAC(true));
-      case 77:
-        _context4.next = 79;
+      case 67:
+        _context4.next = 69;
         return put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
-      case 79:
-        _context4.next = 90;
+      case 69:
+        _context4.next = 80;
         break;
-      case 81:
-        _context4.prev = 81;
+      case 71:
+        _context4.prev = 71;
         _context4.t0 = _context4["catch"](8);
         log.error('error on send text message ... ', _context4.t0);
         updateMessageOnMap(channel.id, {
@@ -16463,18 +16444,18 @@ function sendTextMessage(action) {
         updateMessageOnAllMessages(sendMessageTid, {
           state: MESSAGE_STATUS.FAILED
         });
-        _context4.next = 88;
+        _context4.next = 78;
         return put(updateMessageAC(sendMessageTid, {
           state: MESSAGE_STATUS.FAILED
         }));
-      case 88:
-        _context4.next = 90;
+      case 78:
+        _context4.next = 80;
         return put(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
-      case 90:
+      case 80:
       case "end":
         return _context4.stop();
     }
-  }, _marked2$2, null, [[8, 81]]);
+  }, _marked2$2, null, [[8, 71]]);
 }
 function forwardMessage(action) {
   var payload, message, channelId, connectionState, channel, SceytChatClient, mentionedUserIds, attachments, attachmentBuilder, att, messageBuilder, messageToSend, pendingMessage, activeChannelId, isCachedChannel, hasNextMessages, messageResponse, messageUpdateData, messageToUpdate, channelUpdateParam;
@@ -19943,7 +19924,7 @@ var LastMessageAuthor = styled.div(_templateObject9$1 || (_templateObject9$1 = _
 var Points = styled.span(_templateObject0$1 || (_templateObject0$1 = _taggedTemplateLiteralLoose(["\n  margin-right: 4px;\n  color: ", ";\n  font-style: normal;\n"])), function (props) {
   return props.color;
 });
-var LastMessageText = styled.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", ";\n  font-style: ", ";\n  transform: ", ";\n  //height: 20px;\n\n  > svg {\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    min-height: 16px;\n    margin-right: 4px;\n    color: ", ";\n    transform: translate(0px, 3px);\n  }\n  & > span {\n    display: flex;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n  }\n  & > div {\n    display: flex;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n    & > svg {\n      width: 18px;\n      height: 18px;\n      min-width: 18px;\n      min-height: 18px;\n      color: ", ";\n    }\n  }\n"])), function (props) {
+var LastMessageText = styled.span(_templateObject1$1 || (_templateObject1$1 = _taggedTemplateLiteralLoose(["\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: ", ";\n  font-style: ", ";\n  transform: ", ";\n  //height: 20px;\n\n  > svg {\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    min-height: 16px;\n    margin-right: 4px;\n    color: ", ";\n    transform: translate(0px, 3px);\n  }\n  & > span {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n  }\n  & > div {\n    display: block;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n    & > svg {\n      width: 18px;\n      height: 18px;\n      min-width: 18px;\n      min-height: 18px;\n      color: ", ";\n    }\n  }\n"])), function (props) {
   return props.color;
 }, function (props) {
   return props.deletedMessage && 'italic';
@@ -31282,9 +31263,11 @@ var MessageList = function MessageList(_ref2) {
     setIsDragging(false);
     if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
       var fileList = Object.values(e.dataTransfer.files);
-      var attachmentsFiles = [];
       new Promise(function (resolve) {
-        fileList.forEach(function (attachment, index) {
+        var attachmentsFiles = [];
+        var readFiles = 0;
+        var errorCount = 0;
+        fileList.forEach(function (attachment) {
           var fileReader = new FileReader();
           fileReader.onload = function (event) {
             var file = event.target.result;
@@ -31293,14 +31276,23 @@ var MessageList = function MessageList(_ref2) {
               data: file,
               type: attachment.type
             });
-            if (fileList.length - 1 === index) {
-              resolve();
+            readFiles++;
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
+            }
+          };
+          fileReader.onerror = function () {
+            errorCount++;
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
             }
           };
           fileReader.readAsDataURL(attachment);
         });
-      }).then(function () {
-        dispatch(setDraggedAttachmentsAC(attachmentsFiles, 'file'));
+      }).then(function (result) {
+        dispatch(setDraggedAttachmentsAC(result, 'file'));
+      })["catch"](function (error) {
+        console.error('Error in handleDropFile:', error);
       });
       e.dataTransfer.clearData();
     }
@@ -31311,9 +31303,10 @@ var MessageList = function MessageList(_ref2) {
     setIsDragging(false);
     if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
       var fileList = Object.values(e.dataTransfer.files);
-      var attachmentsFiles = [];
       new Promise(function (resolve) {
+        var attachmentsFiles = [];
         var readFiles = 0;
+        var errorCount = 0;
         fileList.forEach(function (attachment) {
           var fileReader = new FileReader();
           fileReader.onload = function (event) {
@@ -31324,14 +31317,22 @@ var MessageList = function MessageList(_ref2) {
               type: attachment.type
             });
             readFiles++;
-            if (fileList.length === readFiles) {
-              resolve();
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
+            }
+          };
+          fileReader.onerror = function () {
+            errorCount++;
+            if (readFiles + errorCount === fileList.length) {
+              resolve(attachmentsFiles);
             }
           };
           fileReader.readAsDataURL(attachment);
         });
-      }).then(function () {
-        dispatch(setDraggedAttachmentsAC(attachmentsFiles, 'media'));
+      }).then(function (result) {
+        dispatch(setDraggedAttachmentsAC(result, 'media'));
+      })["catch"](function (error) {
+        console.error('Error in handleDropMedia:', error);
       });
       e.dataTransfer.clearData();
     }
@@ -31825,7 +31826,7 @@ var MessageList = function MessageList(_ref2) {
     attachmentsPreview: attachmentsPreview
   })))));
 };
-var Container$h = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column-reverse;\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n  scroll-behavior: smooth;\n  will-change: left, top;\n  background-color: ", ";\n\n  &::-webkit-scrollbar {\n    width: 8px;\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n\n  &.show-scrollbar::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.show-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"])), function (props) {
+var Container$h = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column-reverse;\n  flex-grow: 1;\n  position: relative;\n  overflow: auto;\n  scroll-behavior: smooth;\n  will-change: left, top;\n  background-color: ", ";\n  overflow-x: hidden;\n\n  &::-webkit-scrollbar {\n    width: 8px;\n    background: transparent;\n  }\n  &::-webkit-scrollbar-thumb {\n    background: transparent;\n  }\n\n  &.show-scrollbar::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n  &.show-scrollbar::-webkit-scrollbar-track {\n    background: transparent;\n  }\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.thumbColor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sceyt-chat-react-uikit",
-  "version": "1.6.9-beta.4",
+  "version": "1.6.9-beta.6",
   "description": "Interactive React UI Components for Sceyt Chat.",
   "author": "Sceyt",
   "license": "MIT",