sceyt-chat-react-uikit 1.8.8-beta.4 → 1.8.8-beta.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/index.js +25 -31
  2. package/index.modern.js +25 -31
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -36009,25 +36009,19 @@ var Message = function Message(_ref) {
36009
36009
  if (setLastVisibleMessageId) {
36010
36010
  setLastVisibleMessageId(message);
36011
36011
  }
36012
- if (!channel.isLinkedChannel) {
36013
- dispatch(setVisibleMessageAC(message));
36014
- }
36012
+ dispatch(setVisibleMessageAC(message));
36015
36013
  if (scrollToNewMessage.scrollToBottom && channel.lastMessage && compareMessagesForList(message, channel.lastMessage) >= 0) {
36016
36014
  dispatch(scrollToNewMessageAC(false, false, false));
36017
36015
  }
36018
36016
  } else {
36019
- if (!channel.isLinkedChannel) {
36020
- dispatch(removeVisibleMessageAC(message));
36021
- }
36017
+ dispatch(removeVisibleMessageAC(message));
36022
36018
  }
36023
- }, [channel.isLinkedChannel, channel.lastMessage, dispatch, isVisible, message, scrollToNewMessage.scrollToBottom, unreadScrollTo, setLastVisibleMessageId]);
36019
+ }, [channel.lastMessage, dispatch, isVisible, message, scrollToNewMessage.scrollToBottom, unreadScrollTo, setLastVisibleMessageId]);
36024
36020
  React.useEffect(function () {
36025
36021
  return function () {
36026
- if (!channel.isLinkedChannel) {
36027
- dispatch(removeVisibleMessageAC(message));
36028
- }
36022
+ dispatch(removeVisibleMessageAC(message));
36029
36023
  };
36030
- }, [channel.isLinkedChannel, dispatch, message]);
36024
+ }, [dispatch, message]);
36031
36025
  return /*#__PURE__*/React__default.createElement(Container$c, {
36032
36026
  id: message.id || message.tid,
36033
36027
  ref: messageItemRef,
@@ -38651,7 +38645,7 @@ var Attachment = function Attachment(_ref) {
38651
38645
  height: '48px',
38652
38646
  downloading: downloadingFile,
38653
38647
  file: attachment,
38654
- src: attachmentUrlFromMap || attachment.attachmentUrl || attachmentUrl,
38648
+ src: attachment.attachmentUrl || attachmentUrl,
38655
38649
  borderRadius: borderRadius,
38656
38650
  setVideoIsReadyToSend: setVideoIsReadyToSend,
38657
38651
  backgroundColor: backgroundColor && backgroundColor !== 'inherit' ? backgroundColor : overlayBackground2,
@@ -40774,7 +40768,7 @@ var ImageContainer = styled__default.div(_templateObject2$C || (_templateObject2
40774
40768
  return maxHeight ? maxHeight + "px" : '240px';
40775
40769
  });
40776
40770
  var OGText = styled__default.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 0;\n"])));
40777
- var Title$3 = styled__default.p(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0px;\n color: ", ";\n margin: 4px 0 0 0;\n padding: ", ";\n box-sizing: border-box;\n overflow-wrap: anywhere;\n ", "\n"])), function (_ref0) {
40771
+ var Title$3 = styled__default.p(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0px;\n color: ", ";\n margin: 4px 0 0 0;\n padding: ", ";\n box-sizing: border-box;\n overflow-wrap: anywhere;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n ", "\n"])), function (_ref0) {
40778
40772
  var color = _ref0.color;
40779
40773
  return color;
40780
40774
  }, function (_ref1) {
@@ -43401,25 +43395,19 @@ var Message$1 = function Message(_ref) {
43401
43395
  setLastVisibleMessageId(message);
43402
43396
  }
43403
43397
  handleSendReadMarker();
43404
- if (!channel.isLinkedChannel) {
43405
- dispatch(setVisibleMessageAC(message));
43406
- }
43398
+ dispatch(setVisibleMessageAC(message));
43407
43399
  if (scrollToNewMessage.scrollToBottom && channel.lastMessage && compareMessagesForList(message, channel.lastMessage) >= 0) {
43408
43400
  dispatch(scrollToNewMessageAC(false, false, false));
43409
43401
  }
43410
43402
  } else {
43411
- if (!channel.isLinkedChannel) {
43412
- dispatch(removeVisibleMessageAC(message));
43413
- }
43403
+ dispatch(removeVisibleMessageAC(message));
43414
43404
  }
43415
- }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.isLinkedChannel, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
43405
+ }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
43416
43406
  React.useEffect(function () {
43417
43407
  return function () {
43418
- if (!channel.isLinkedChannel) {
43419
- dispatch(removeVisibleMessageAC(message));
43420
- }
43408
+ dispatch(removeVisibleMessageAC(message));
43421
43409
  };
43422
- }, [channel.isLinkedChannel, dispatch, message]);
43410
+ }, [dispatch, message]);
43423
43411
  React.useEffect(function () {
43424
43412
  if (!isVisible && infoPopupOpen) {
43425
43413
  setInfoPopupOpen(false);
@@ -45721,9 +45709,7 @@ function useChatController(_ref5) {
45721
45709
  }
45722
45710
  var savedRestoreWindow = channelRestoreWindowMap.get(channel.id);
45723
45711
  if (savedRestoreWindow) {
45724
- if (!channel.isLinkedChannel) {
45725
- dispatch(clearVisibleMessagesMapAC());
45726
- }
45712
+ dispatch(clearVisibleMessagesMapAC());
45727
45713
  if (channel.backToLinkedChannel) {
45728
45714
  restoreRef.current = {
45729
45715
  mode: 'restore-scroll-top',
@@ -45758,9 +45744,7 @@ function useChatController(_ref5) {
45758
45744
  }
45759
45745
  return;
45760
45746
  }
45761
- if (!channel.isLinkedChannel) {
45762
- dispatch(clearVisibleMessagesMapAC());
45763
- }
45747
+ dispatch(clearVisibleMessagesMapAC());
45764
45748
  if (channel.newMessageCount && channel.lastDisplayedMessageId) {
45765
45749
  suppressNextMessageChange();
45766
45750
  dispatch(loadNearUnreadAC(channel));
@@ -45768,7 +45752,7 @@ function useChatController(_ref5) {
45768
45752
  suppressNextMessageChange();
45769
45753
  dispatch(loadDefaultMessagesAC(channel));
45770
45754
  }
45771
- }, [dispatch, channel === null || channel === void 0 ? void 0 : channel.id, channel.backToLinkedChannel, channel.isLinkedChannel, suppressNextMessageChange]);
45755
+ }, [dispatch, channel === null || channel === void 0 ? void 0 : channel.id, channel.backToLinkedChannel, suppressNextMessageChange]);
45772
45756
  React.useEffect(function () {
45773
45757
  if (!(channel !== null && channel !== void 0 && channel.id) || clearedSelectionChannelIdRef.current === channel.id) {
45774
45758
  return;
@@ -45838,6 +45822,16 @@ function useChatController(_ref5) {
45838
45822
  return m.sortKey === latestLocalRef || m.localRef === latestLocalRef;
45839
45823
  });
45840
45824
  var shouldShow = !isLatestInView || !isViewingLatest && (pendingNewestCount > 0 || !!scrollToMentionedMessage);
45825
+ console.log('[scrollToNewMsg]', {
45826
+ latestLocalRef: latestLocalRef,
45827
+ isLatestInView: !!isLatestInView,
45828
+ isViewingLatest: isViewingLatest,
45829
+ pendingNewestCount: pendingNewestCount,
45830
+ scrollToMentionedMessage: scrollToMentionedMessage,
45831
+ shouldShow: shouldShow,
45832
+ showScrollToNewMessageButton: showScrollToNewMessageButton,
45833
+ latestVisibleMessages: latestVisibleMessages
45834
+ });
45841
45835
  if (showScrollToNewMessageButton !== shouldShow) {
45842
45836
  dispatch(showScrollToNewMessageButtonAC(shouldShow));
45843
45837
  }
package/index.modern.js CHANGED
@@ -36008,25 +36008,19 @@ var Message = function Message(_ref) {
36008
36008
  if (setLastVisibleMessageId) {
36009
36009
  setLastVisibleMessageId(message);
36010
36010
  }
36011
- if (!channel.isLinkedChannel) {
36012
- dispatch(setVisibleMessageAC(message));
36013
- }
36011
+ dispatch(setVisibleMessageAC(message));
36014
36012
  if (scrollToNewMessage.scrollToBottom && channel.lastMessage && compareMessagesForList(message, channel.lastMessage) >= 0) {
36015
36013
  dispatch(scrollToNewMessageAC(false, false, false));
36016
36014
  }
36017
36015
  } else {
36018
- if (!channel.isLinkedChannel) {
36019
- dispatch(removeVisibleMessageAC(message));
36020
- }
36016
+ dispatch(removeVisibleMessageAC(message));
36021
36017
  }
36022
- }, [channel.isLinkedChannel, channel.lastMessage, dispatch, isVisible, message, scrollToNewMessage.scrollToBottom, unreadScrollTo, setLastVisibleMessageId]);
36018
+ }, [channel.lastMessage, dispatch, isVisible, message, scrollToNewMessage.scrollToBottom, unreadScrollTo, setLastVisibleMessageId]);
36023
36019
  useEffect(function () {
36024
36020
  return function () {
36025
- if (!channel.isLinkedChannel) {
36026
- dispatch(removeVisibleMessageAC(message));
36027
- }
36021
+ dispatch(removeVisibleMessageAC(message));
36028
36022
  };
36029
- }, [channel.isLinkedChannel, dispatch, message]);
36023
+ }, [dispatch, message]);
36030
36024
  return /*#__PURE__*/React__default.createElement(Container$c, {
36031
36025
  id: message.id || message.tid,
36032
36026
  ref: messageItemRef,
@@ -38650,7 +38644,7 @@ var Attachment = function Attachment(_ref) {
38650
38644
  height: '48px',
38651
38645
  downloading: downloadingFile,
38652
38646
  file: attachment,
38653
- src: attachmentUrlFromMap || attachment.attachmentUrl || attachmentUrl,
38647
+ src: attachment.attachmentUrl || attachmentUrl,
38654
38648
  borderRadius: borderRadius,
38655
38649
  setVideoIsReadyToSend: setVideoIsReadyToSend,
38656
38650
  backgroundColor: backgroundColor && backgroundColor !== 'inherit' ? backgroundColor : overlayBackground2,
@@ -40773,7 +40767,7 @@ var ImageContainer = styled.div(_templateObject2$C || (_templateObject2$C = _tag
40773
40767
  return maxHeight ? maxHeight + "px" : '240px';
40774
40768
  });
40775
40769
  var OGText = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 0;\n"])));
40776
- var Title$3 = styled.p(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0px;\n color: ", ";\n margin: 4px 0 0 0;\n padding: ", ";\n box-sizing: border-box;\n overflow-wrap: anywhere;\n ", "\n"])), function (_ref0) {
40770
+ var Title$3 = styled.p(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n letter-spacing: 0px;\n color: ", ";\n margin: 4px 0 0 0;\n padding: ", ";\n box-sizing: border-box;\n overflow-wrap: anywhere;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n ", "\n"])), function (_ref0) {
40777
40771
  var color = _ref0.color;
40778
40772
  return color;
40779
40773
  }, function (_ref1) {
@@ -43400,25 +43394,19 @@ var Message$1 = function Message(_ref) {
43400
43394
  setLastVisibleMessageId(message);
43401
43395
  }
43402
43396
  handleSendReadMarker();
43403
- if (!channel.isLinkedChannel) {
43404
- dispatch(setVisibleMessageAC(message));
43405
- }
43397
+ dispatch(setVisibleMessageAC(message));
43406
43398
  if (scrollToNewMessage.scrollToBottom && channel.lastMessage && compareMessagesForList(message, channel.lastMessage) >= 0) {
43407
43399
  dispatch(scrollToNewMessageAC(false, false, false));
43408
43400
  }
43409
43401
  } else {
43410
- if (!channel.isLinkedChannel) {
43411
- dispatch(removeVisibleMessageAC(message));
43412
- }
43402
+ dispatch(removeVisibleMessageAC(message));
43413
43403
  }
43414
- }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.isLinkedChannel, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
43404
+ }, [isVisible, setLastVisibleMessageId, message.id, handleSendReadMarker, channel.lastMessage, scrollToNewMessage.scrollToBottom, dispatch, message, isTabActive]);
43415
43405
  useEffect(function () {
43416
43406
  return function () {
43417
- if (!channel.isLinkedChannel) {
43418
- dispatch(removeVisibleMessageAC(message));
43419
- }
43407
+ dispatch(removeVisibleMessageAC(message));
43420
43408
  };
43421
- }, [channel.isLinkedChannel, dispatch, message]);
43409
+ }, [dispatch, message]);
43422
43410
  useEffect(function () {
43423
43411
  if (!isVisible && infoPopupOpen) {
43424
43412
  setInfoPopupOpen(false);
@@ -45720,9 +45708,7 @@ function useChatController(_ref5) {
45720
45708
  }
45721
45709
  var savedRestoreWindow = channelRestoreWindowMap.get(channel.id);
45722
45710
  if (savedRestoreWindow) {
45723
- if (!channel.isLinkedChannel) {
45724
- dispatch(clearVisibleMessagesMapAC());
45725
- }
45711
+ dispatch(clearVisibleMessagesMapAC());
45726
45712
  if (channel.backToLinkedChannel) {
45727
45713
  restoreRef.current = {
45728
45714
  mode: 'restore-scroll-top',
@@ -45757,9 +45743,7 @@ function useChatController(_ref5) {
45757
45743
  }
45758
45744
  return;
45759
45745
  }
45760
- if (!channel.isLinkedChannel) {
45761
- dispatch(clearVisibleMessagesMapAC());
45762
- }
45746
+ dispatch(clearVisibleMessagesMapAC());
45763
45747
  if (channel.newMessageCount && channel.lastDisplayedMessageId) {
45764
45748
  suppressNextMessageChange();
45765
45749
  dispatch(loadNearUnreadAC(channel));
@@ -45767,7 +45751,7 @@ function useChatController(_ref5) {
45767
45751
  suppressNextMessageChange();
45768
45752
  dispatch(loadDefaultMessagesAC(channel));
45769
45753
  }
45770
- }, [dispatch, channel === null || channel === void 0 ? void 0 : channel.id, channel.backToLinkedChannel, channel.isLinkedChannel, suppressNextMessageChange]);
45754
+ }, [dispatch, channel === null || channel === void 0 ? void 0 : channel.id, channel.backToLinkedChannel, suppressNextMessageChange]);
45771
45755
  useEffect(function () {
45772
45756
  if (!(channel !== null && channel !== void 0 && channel.id) || clearedSelectionChannelIdRef.current === channel.id) {
45773
45757
  return;
@@ -45837,6 +45821,16 @@ function useChatController(_ref5) {
45837
45821
  return m.sortKey === latestLocalRef || m.localRef === latestLocalRef;
45838
45822
  });
45839
45823
  var shouldShow = !isLatestInView || !isViewingLatest && (pendingNewestCount > 0 || !!scrollToMentionedMessage);
45824
+ console.log('[scrollToNewMsg]', {
45825
+ latestLocalRef: latestLocalRef,
45826
+ isLatestInView: !!isLatestInView,
45827
+ isViewingLatest: isViewingLatest,
45828
+ pendingNewestCount: pendingNewestCount,
45829
+ scrollToMentionedMessage: scrollToMentionedMessage,
45830
+ shouldShow: shouldShow,
45831
+ showScrollToNewMessageButton: showScrollToNewMessageButton,
45832
+ latestVisibleMessages: latestVisibleMessages
45833
+ });
45840
45834
  if (showScrollToNewMessageButton !== shouldShow) {
45841
45835
  dispatch(showScrollToNewMessageButtonAC(shouldShow));
45842
45836
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.8.8-beta.4",
3
+ "version": "1.8.8-beta.5",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",