sceyt-chat-react-uikit 1.9.1-beta.10 → 1.9.1-beta.12

package/index.js

@@ -18207,14 +18207,16 @@ function applyLocalMessageUpdate(channelId, messageId, params) {
         reduxChannel = (((_store$getState$Chann3 = store.getState().ChannelReducer) === null || _store$getState$Chann3 === void 0 ? void 0 : _store$getState$Chann3.channels) || []).find(function (channel) {
           return channel.id === channelId;
         });
-        if (!(params.state === MESSAGE_STATUS.DELETE && ((storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastRe = storedChannel.lastReactedMessage) === null || _storedChannel$lastRe === void 0 ? void 0 : _storedChannel$lastRe.id) === messageId || (reduxChannel === null || reduxChannel === void 0 ? void 0 : (_reduxChannel$lastRea = reduxChannel.lastReactedMessage) === null || _reduxChannel$lastRea === void 0 ? void 0 : _reduxChannel$lastRea.id) === messageId))) {
+        if (!((storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastRe = storedChannel.lastReactedMessage) === null || _storedChannel$lastRe === void 0 ? void 0 : _storedChannel$lastRe.id) === messageId || (reduxChannel === null || reduxChannel === void 0 ? void 0 : (_reduxChannel$lastRea = reduxChannel.lastReactedMessage) === null || _reduxChannel$lastRea === void 0 ? void 0 : _reduxChannel$lastRea.id) === messageId)) {
           _context4.n = 3;
           break;
         }
-        reactionPreviewUpdate = {
+        reactionPreviewUpdate = params.state === MESSAGE_STATUS.DELETE ? {
           lastReactedMessage: null,
           newReactions: [],
           userMessageReactions: []
+        } : {
+          lastReactedMessage: cloneSerializable(params)
         };
         updateChannelOnAllChannels(channelId, reactionPreviewUpdate);
         _context4.n = 3;
@@ -25671,12 +25673,24 @@ function handleDeleteMessageEvent(args) {
   }, _marked6$1);
 }
 function handleEditMessageEvent(args) {
-  var channel, message, channelExists;
+  var _store$getState$Chann3, _channel$lastMessage2, _storedChannel$lastRe2, _reduxChannel$lastRea2;
+  var channel, message, channelExists, storedChannel, reduxChannel, isLastMessage, isLastReactedMessage, channelUpdateParams;
   return _regenerator().w(function (_context7) {
     while (1) switch (_context7.n) {
       case 0:
         channel = args.channel, message = args.message;
         channelExists = checkChannelExists(channel.id);
+        storedChannel = getStoredChannel$1(channel.id);
+        reduxChannel = (((_store$getState$Chann3 = store.getState().ChannelReducer) === null || _store$getState$Chann3 === void 0 ? void 0 : _store$getState$Chann3.channels) || []).find(function (stored) {
+          return stored.id === channel.id;
+        });
+        isLastMessage = ((_channel$lastMessage2 = channel.lastMessage) === null || _channel$lastMessage2 === void 0 ? void 0 : _channel$lastMessage2.id) === message.id;
+        isLastReactedMessage = (storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastRe2 = storedChannel.lastReactedMessage) === null || _storedChannel$lastRe2 === void 0 ? void 0 : _storedChannel$lastRe2.id) === message.id || (reduxChannel === null || reduxChannel === void 0 ? void 0 : (_reduxChannel$lastRea2 = reduxChannel.lastReactedMessage) === null || _reduxChannel$lastRea2 === void 0 ? void 0 : _reduxChannel$lastRea2.id) === message.id;
+        channelUpdateParams = _extends({}, isLastMessage ? {
+          lastMessage: message
+        } : {}, isLastReactedMessage ? {
+          lastReactedMessage: message
+        } : {});
         _context7.n = 1;
         return effects.put(updateMessageAC(message.id, _extends({
           body: message.body,
@@ -25690,26 +25704,33 @@ function handleEditMessageEvent(args) {
         } : {})));
       case 1:
         if (!channelExists) {
-          _context7.n = 2;
+          _context7.n = 3;
           break;
         }
-        if (!(channel.lastMessage.id === message.id)) {
+        if (!isLastReactedMessage) {
           _context7.n = 2;
           break;
         }
         _context7.n = 2;
-        return effects.put(updateChannelLastMessageAC(message, channel));
+        return effects.put(updateChannelDataAC(channel.id, channelUpdateParams));
       case 2:
+        if (!isLastMessage) {
+          _context7.n = 3;
+          break;
+        }
+        _context7.n = 3;
+        return effects.put(updateChannelLastMessageAC(message, channel));
+      case 3:
         if (checkChannelExistsOnMessagesMap(channel.id)) {
           updateMessageOnMap(channel.id, {
             messageId: message.id,
             params: message
           });
         }
-        updateChannelOnAllChannels(channel.id, {}, message);
-        _context7.n = 3;
+        updateChannelOnAllChannels(channel.id, channelUpdateParams, message);
+        _context7.n = 4;
         return effects.put(removePendingMessageMutationAC(message.id));
-      case 3:
+      case 4:
         return _context7.a(2);
     }
   }, _marked7$1);
@@ -41973,6 +41994,7 @@ function ForwardMessagePopup(_ref2) {
     surface1 = _useColor2[THEME_COLORS.SURFACE_1],
     textSecondary = _useColor2[THEME_COLORS.TEXT_SECONDARY],
     background = _useColor2[THEME_COLORS.BACKGROUND],
+    backgroundSections = _useColor2[THEME_COLORS.BACKGROUND_SECTIONS],
     iconInactive = _useColor2[THEME_COLORS.ICON_INACTIVE],
     textOnPrimary = _useColor2[THEME_COLORS.TEXT_ON_PRIMARY],
     iconPrimary = _useColor2[THEME_COLORS.ICON_PRIMARY],
@@ -42634,8 +42656,7 @@ function ForwardMessagePopup(_ref2) {
     },
     thumbColor: surface2
   }), mentionQuery && visibleMentionCandidates.length > 0 && (/*#__PURE__*/React__default.createElement(ForwardMentionList, {
-    backgroundColor: background,
-    borderColor: tooltipBackground
+    backgroundColor: backgroundSections
   }, visibleMentionCandidates.map(function (member, index) {
     var displayName = makeUsername(contactsMap[member.id], member, getFromContacts);
     return /*#__PURE__*/React__default.createElement(ForwardMentionOption, {
@@ -42730,10 +42751,8 @@ var SendNoteButton = styled__default.button(_templateObject17$2 || (_templateObj
 }, function (props) {
   return props.iconColor;
 });
-var ForwardMentionList = styled__default.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 4px);\n  left: 0;\n  width: 280px;\n  max-height: 180px;\n  overflow-y: auto;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n"])), function (props) {
+var ForwardMentionList = styled__default.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 4px);\n  left: 0;\n  width: 280px;\n  max-height: 180px;\n  overflow-y: auto;\n  background: ", ";\n  border-radius: 8px;\n  box-shadow: 0px 0px 24px 0px #11153929;\n"])), function (props) {
   return props.backgroundColor;
-}, function (props) {
-  return props.borderColor;
 });
 var ForwardMentionOption = styled__default.button(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 8px;\n  padding: 8px 10px;\n  border: 0;\n  background: ", ";\n  color: ", ";\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n\n  &:hover {\n    background: rgba(127, 127, 127, 0.12);\n  }\n"])), function (props) {
   return props.isActive ? 'rgba(127, 127, 127, 0.12)' : 'transparent';
@@ -59015,10 +59034,9 @@ var SendMessageInput = function SendMessageInput(_ref4) {
     }
   };
   var canForwardMessage = React.useMemo(function () {
-    var _selectedMessagesMap$;
-    return selectedMessagesMap === null || selectedMessagesMap === void 0 ? void 0 : (_selectedMessagesMap$ = selectedMessagesMap.values()) === null || _selectedMessagesMap$ === void 0 ? void 0 : _selectedMessagesMap$.some(function (message) {
+    return selectedMessagesMap ? Array.from(selectedMessagesMap.values()).some(function (message) {
       return message.type === exports.MESSAGE_TYPE.POLL || message.type === 'call';
-    });
+    }) : false;
   }, [selectedMessagesMap]);
   var showLinkPreview = React.useMemo(function () {
     var _linkPreview$metadata, _linkPreview$metadata2, _linkPreview$metadata3, _linkPreview$metadata4, _linkPreview$metadata5, _linkPreview$metadata6, _linkPreview$metadata7, _linkPreview$metadata8;
@@ -59712,7 +59730,7 @@ function _extends$1C() {
     return n;
   }, _extends$1C.apply(null, arguments);
 }
-function SvgMarkAsUnRead(props) {
+function SvgMarkAsUnread(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1C({
     width: 20,
     height: 20,
@@ -60977,7 +60995,7 @@ var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$u || (_templateO
 var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose([""])));
 var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$m || (_templateObject9$m = _taggedTemplateLiteralLoose([""])));
 var DefaultMarkAsRead = styled__default(SvgMarkAsRead)(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose([""])));
-var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnRead)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
+var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnread)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
 var DefaultBlockIcon = styled__default(SvgBlockChannel)(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose([""])));
 var DefaultReportIcon = styled__default(SvgReport)(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose([""])));
 var DefaultClearIcon = styled__default(SvgClear)(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose([""])));

package/index.modern.js

@@ -18187,14 +18187,16 @@ function applyLocalMessageUpdate(channelId, messageId, params) {
         reduxChannel = (((_store$getState$Chann3 = store.getState().ChannelReducer) === null || _store$getState$Chann3 === void 0 ? void 0 : _store$getState$Chann3.channels) || []).find(function (channel) {
           return channel.id === channelId;
         });
-        if (!(params.state === MESSAGE_STATUS.DELETE && ((storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastRe = storedChannel.lastReactedMessage) === null || _storedChannel$lastRe === void 0 ? void 0 : _storedChannel$lastRe.id) === messageId || (reduxChannel === null || reduxChannel === void 0 ? void 0 : (_reduxChannel$lastRea = reduxChannel.lastReactedMessage) === null || _reduxChannel$lastRea === void 0 ? void 0 : _reduxChannel$lastRea.id) === messageId))) {
+        if (!((storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastRe = storedChannel.lastReactedMessage) === null || _storedChannel$lastRe === void 0 ? void 0 : _storedChannel$lastRe.id) === messageId || (reduxChannel === null || reduxChannel === void 0 ? void 0 : (_reduxChannel$lastRea = reduxChannel.lastReactedMessage) === null || _reduxChannel$lastRea === void 0 ? void 0 : _reduxChannel$lastRea.id) === messageId)) {
           _context4.n = 3;
           break;
         }
-        reactionPreviewUpdate = {
+        reactionPreviewUpdate = params.state === MESSAGE_STATUS.DELETE ? {
           lastReactedMessage: null,
           newReactions: [],
           userMessageReactions: []
+        } : {
+          lastReactedMessage: cloneSerializable(params)
         };
         updateChannelOnAllChannels(channelId, reactionPreviewUpdate);
         _context4.n = 3;
@@ -25651,12 +25653,24 @@ function handleDeleteMessageEvent(args) {
   }, _marked6$1);
 }
 function handleEditMessageEvent(args) {
-  var channel, message, channelExists;
+  var _store$getState$Chann3, _channel$lastMessage2, _storedChannel$lastRe2, _reduxChannel$lastRea2;
+  var channel, message, channelExists, storedChannel, reduxChannel, isLastMessage, isLastReactedMessage, channelUpdateParams;
   return _regenerator().w(function (_context7) {
     while (1) switch (_context7.n) {
       case 0:
         channel = args.channel, message = args.message;
         channelExists = checkChannelExists(channel.id);
+        storedChannel = getStoredChannel$1(channel.id);
+        reduxChannel = (((_store$getState$Chann3 = store.getState().ChannelReducer) === null || _store$getState$Chann3 === void 0 ? void 0 : _store$getState$Chann3.channels) || []).find(function (stored) {
+          return stored.id === channel.id;
+        });
+        isLastMessage = ((_channel$lastMessage2 = channel.lastMessage) === null || _channel$lastMessage2 === void 0 ? void 0 : _channel$lastMessage2.id) === message.id;
+        isLastReactedMessage = (storedChannel === null || storedChannel === void 0 ? void 0 : (_storedChannel$lastRe2 = storedChannel.lastReactedMessage) === null || _storedChannel$lastRe2 === void 0 ? void 0 : _storedChannel$lastRe2.id) === message.id || (reduxChannel === null || reduxChannel === void 0 ? void 0 : (_reduxChannel$lastRea2 = reduxChannel.lastReactedMessage) === null || _reduxChannel$lastRea2 === void 0 ? void 0 : _reduxChannel$lastRea2.id) === message.id;
+        channelUpdateParams = _extends({}, isLastMessage ? {
+          lastMessage: message
+        } : {}, isLastReactedMessage ? {
+          lastReactedMessage: message
+        } : {});
         _context7.n = 1;
         return put(updateMessageAC(message.id, _extends({
           body: message.body,
@@ -25670,26 +25684,33 @@ function handleEditMessageEvent(args) {
         } : {})));
       case 1:
         if (!channelExists) {
-          _context7.n = 2;
+          _context7.n = 3;
           break;
         }
-        if (!(channel.lastMessage.id === message.id)) {
+        if (!isLastReactedMessage) {
           _context7.n = 2;
           break;
         }
         _context7.n = 2;
-        return put(updateChannelLastMessageAC(message, channel));
+        return put(updateChannelDataAC(channel.id, channelUpdateParams));
       case 2:
+        if (!isLastMessage) {
+          _context7.n = 3;
+          break;
+        }
+        _context7.n = 3;
+        return put(updateChannelLastMessageAC(message, channel));
+      case 3:
         if (checkChannelExistsOnMessagesMap(channel.id)) {
           updateMessageOnMap(channel.id, {
             messageId: message.id,
             params: message
           });
         }
-        updateChannelOnAllChannels(channel.id, {}, message);
-        _context7.n = 3;
+        updateChannelOnAllChannels(channel.id, channelUpdateParams, message);
+        _context7.n = 4;
         return put(removePendingMessageMutationAC(message.id));
-      case 3:
+      case 4:
         return _context7.a(2);
     }
   }, _marked7$1);
@@ -41953,6 +41974,7 @@ function ForwardMessagePopup(_ref2) {
     surface1 = _useColor2[THEME_COLORS.SURFACE_1],
     textSecondary = _useColor2[THEME_COLORS.TEXT_SECONDARY],
     background = _useColor2[THEME_COLORS.BACKGROUND],
+    backgroundSections = _useColor2[THEME_COLORS.BACKGROUND_SECTIONS],
     iconInactive = _useColor2[THEME_COLORS.ICON_INACTIVE],
     textOnPrimary = _useColor2[THEME_COLORS.TEXT_ON_PRIMARY],
     iconPrimary = _useColor2[THEME_COLORS.ICON_PRIMARY],
@@ -42614,8 +42636,7 @@ function ForwardMessagePopup(_ref2) {
     },
     thumbColor: surface2
   }), mentionQuery && visibleMentionCandidates.length > 0 && (/*#__PURE__*/React__default.createElement(ForwardMentionList, {
-    backgroundColor: background,
-    borderColor: tooltipBackground
+    backgroundColor: backgroundSections
   }, visibleMentionCandidates.map(function (member, index) {
     var displayName = makeUsername(contactsMap[member.id], member, getFromContacts);
     return /*#__PURE__*/React__default.createElement(ForwardMentionOption, {
@@ -42710,10 +42731,8 @@ var SendNoteButton = styled.button(_templateObject17$2 || (_templateObject17$2 =
 }, function (props) {
   return props.iconColor;
 });
-var ForwardMentionList = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 4px);\n  left: 0;\n  width: 280px;\n  max-height: 180px;\n  overflow-y: auto;\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 8px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);\n"])), function (props) {
+var ForwardMentionList = styled.div(_templateObject18$2 || (_templateObject18$2 = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  z-index: 10;\n  bottom: calc(100% + 4px);\n  left: 0;\n  width: 280px;\n  max-height: 180px;\n  overflow-y: auto;\n  background: ", ";\n  border-radius: 8px;\n  box-shadow: 0px 0px 24px 0px #11153929;\n"])), function (props) {
   return props.backgroundColor;
-}, function (props) {
-  return props.borderColor;
 });
 var ForwardMentionOption = styled.button(_templateObject19$2 || (_templateObject19$2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  width: 100%;\n  gap: 8px;\n  padding: 8px 10px;\n  border: 0;\n  background: ", ";\n  color: ", ";\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n\n  &:hover {\n    background: rgba(127, 127, 127, 0.12);\n  }\n"])), function (props) {
   return props.isActive ? 'rgba(127, 127, 127, 0.12)' : 'transparent';
@@ -58995,10 +59014,9 @@ var SendMessageInput = function SendMessageInput(_ref4) {
     }
   };
   var canForwardMessage = useMemo(function () {
-    var _selectedMessagesMap$;
-    return selectedMessagesMap === null || selectedMessagesMap === void 0 ? void 0 : (_selectedMessagesMap$ = selectedMessagesMap.values()) === null || _selectedMessagesMap$ === void 0 ? void 0 : _selectedMessagesMap$.some(function (message) {
+    return selectedMessagesMap ? Array.from(selectedMessagesMap.values()).some(function (message) {
       return message.type === MESSAGE_TYPE.POLL || message.type === 'call';
-    });
+    }) : false;
   }, [selectedMessagesMap]);
   var showLinkPreview = useMemo(function () {
     var _linkPreview$metadata, _linkPreview$metadata2, _linkPreview$metadata3, _linkPreview$metadata4, _linkPreview$metadata5, _linkPreview$metadata6, _linkPreview$metadata7, _linkPreview$metadata8;
@@ -59692,7 +59710,7 @@ function _extends$1C() {
     return n;
   }, _extends$1C.apply(null, arguments);
 }
-function SvgMarkAsUnRead(props) {
+function SvgMarkAsUnread(props) {
   return /*#__PURE__*/createElement("svg", _extends$1C({
     width: 20,
     height: 20,
@@ -60957,7 +60975,7 @@ var DefaultStarIcon = styled(SvgStar)(_templateObject7$u || (_templateObject7$u
 var DefaultUnpinIcon = styled(SvgUnpin)(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose([""])));
 var DefaultPinIcon = styled(SvgPin)(_templateObject9$m || (_templateObject9$m = _taggedTemplateLiteralLoose([""])));
 var DefaultMarkAsRead = styled(SvgMarkAsRead)(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose([""])));
-var DefaultMarkAsUnRead = styled(SvgMarkAsUnRead)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
+var DefaultMarkAsUnRead = styled(SvgMarkAsUnread)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
 var DefaultBlockIcon = styled(SvgBlockChannel)(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose([""])));
 var DefaultReportIcon = styled(SvgReport)(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose([""])));
 var DefaultClearIcon = styled(SvgClear)(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose([""])));

package/package.json

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

package/types/index.d.ts

@@ -48,13 +48,12 @@ export interface IAttachment {
     data: any;
     cachedUrl?: string;
 }
-declare class AttachmentBuilder {
+export interface AttachmentBuilder {
     url: string;
     type: string;
     name?: string;
     metadata?: string;
     upload?: boolean;
-    constructor(url: string, type: string);
     setName: (name: string) => this;
     setMetadata: (metadata: string) => this;
     setUpload: (upload: boolean) => this;
@@ -363,4 +362,3 @@ export interface OGMetadataProps {
     isInviteLink?: boolean;
     target?: string;
 }
-export {};