sceyt-chat-react-uikit 1.6.9-beta.19 → 1.6.9-beta.20

package/components/ChannelDetails/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { IDetailsProps } from '../ChannelDetailsContainer';
-declare const Details: ({ detailsTitleText, editDetailsTitleText, detailsTitleFontSize, size, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin, memberHoverBackgroundColor, addMemberFontSize, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, actionItemsFontSize, addMemberIcon, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, backgroundColor, bordersColor }: IDetailsProps) => React.JSX.Element;
+declare const Details: ({ detailsTitleText, editDetailsTitleText, detailsTitleFontSize, size, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, deleteChannelIcon, showDeleteChannel, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, voicePreviewPlayIcon, voicePreviewPlayHoverIcon, voicePreviewPauseIcon, voicePreviewPauseHoverIcon, voicePreviewTitleColor, voicePreviewDateAndTimeColor, voicePreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, showKickMember, showKickAndBlockMember, showMakeMemberAdmin, memberHoverBackgroundColor, addMemberFontSize, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, actionItemsFontSize, addMemberIcon, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, backgroundColor, bordersColor, showPhoneNumber }: IDetailsProps) => React.JSX.Element;
 export default Details;

package/components/ChannelDetailsContainer/index.d.ts

@@ -116,6 +116,7 @@ export interface IDetailsProps {
     tabItemsMinWidth?: string;
     backgroundColor?: string;
     bordersColor?: string;
+    showPhoneNumber?: boolean;
 }
-declare const ChannelDetailsContainer: ({ size, detailsTitleText, editDetailsTitleText, detailsTitleFontSize, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, memberHoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, showKickMember, showKickAndBlockMember, backgroundColor, actionItemsFontSize, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, bordersColor }: IDetailsProps) => React.JSX.Element;
+declare const ChannelDetailsContainer: ({ size, detailsTitleText, editDetailsTitleText, detailsTitleFontSize, channelNameFontSize, channelNameLineHeight, channelAvatarSize, channelAvatarTextSize, channelMembersFontSize, channelMembersLineHeight, channelEditIcon, channelEditIconTopPosition, channelEditIconRightPosition, showAboutChannel, showAboutChannelTitle, avatarAndNameDirection, editChannelSaveButtonBackgroundColor, editChannelSaveButtonTextColor, editChannelCancelButtonBackgroundColor, editChannelCancelButtonTextColor, showMuteUnmuteNotifications, muteUnmuteNotificationsOrder, muteNotificationIcon, unmuteNotificationIcon, muteNotificationIconColor, unmuteNotificationIconColor, muteUnmuteNotificationSwitcherColor, muteUnmuteNotificationTextColor, timeOptionsToMuteNotifications, showStarredMessages, starredMessagesOrder, staredMessagesIcon, staredMessagesIconColor, staredMessagesTextColor, showPinChannel, pinChannelOrder, pinChannelIcon, unpinChannelIcon, pinChannelIconColor, pinChannelTextColor, showMarkAsReadUnread, markAsReadUnreadOrder, markAsReadIcon, markAsUnreadIcon, markAsReadIconColor, markAsUnreadIconColor, markAsReadUnreadTextColor, showLeaveChannel, leaveChannelOrder, leaveChannelIcon, leaveChannelIconColor, leaveChannelTextColor, showReportChannel, reportChannelIcon, reportChannelOrder, reportChannelIconColor, reportChannelTextColor, showDeleteChannel, deleteChannelIcon, deleteChannelIconColor, deleteChannelTextColor, deleteChannelOrder, showBlockAndLeaveChannel, showBlockUser, blockAndLeaveChannelIcon, blockAndLeaveChannelIconColor, blockAndLeaveChannelTextColor, unblockUserIcon, linkPreviewIcon, linkPreviewHoverIcon, linkPreviewTitleColor, linkPreviewColor, linkPreviewHoverBackgroundColor, filePreviewIcon, filePreviewHoverIcon, filePreviewTitleColor, filePreviewSizeColor, filePreviewHoverBackgroundColor, filePreviewDownloadIcon, fileNameFontSize, fileNameLineHeight, fileSizeFontSize, fileSizeLineHeight, showClearHistory, clearHistoryOrder, clearHistoryIcon, clearHistoryTextColor, showDeleteAllMessages, deleteAllMessagesOrder, deleteAllMessagesIcon, deleteAllMessagesTextColor, showChangeMemberRole, memberHoverBackgroundColor, addMemberFontSize, addMemberIcon, memberNameFontSize, memberAvatarSize, memberPresenceFontSize, showKickMember, showKickAndBlockMember, backgroundColor, actionItemsFontSize, tabItemsFontSize, tabItemsLineHeight, tabItemsMinWidth, bordersColor, showPhoneNumber }: IDetailsProps) => React.JSX.Element;
 export default ChannelDetailsContainer;

package/index.js

@@ -10210,6 +10210,16 @@ function removePendingMessageFromMap(channelId, messageId) {
     });
   }
 }
+function updatePendingMessageOnMap(channelId, messageId, updatedMessage) {
+  if (pendingMessagesMap[channelId]) {
+    pendingMessagesMap[channelId] = pendingMessagesMap[channelId].map(function (msg) {
+      if (msg.id === messageId || msg.tid === messageId) {
+        return _extends({}, msg, updatedMessage);
+      }
+      return msg;
+    });
+  }
+}
 function clearMessagesMap() {
   messagesMap = {};
 }
@@ -13654,7 +13664,7 @@ function watchForEvents() {
           };
         });
         _loop = /*#__PURE__*/_regenerator().m(function _callee() {
-          var _yield$take, type, args, createdChannel, channelFilterTypes, getFromContacts, channelExists, _chan, channel, _chan2, _channel, member, _channelExists, _activeChannelId, groupName, updateChannelData, _channel2, _channelExists2, _channel3, removedMembers, _activeChannelId2, _channelExists3, activeChannel, _updateChannelData, _groupName, _channel4, addedMembers, _activeChannelId3, _channelExists4, _updateChannelData2, _groupName2, updatedChannel, _channelExists5, subject, avatarUrl, muted, mutedTill, metadata, _activeChannelId4, _groupName3, _channel5, message, messageToHandle, _channelFilterTypes, _activeChannelId5, _channelExists6, channelForAdd, hasNextMessage, _groupName4, showNotifications, tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, _getFromContacts, state, theme, accentColor, textSecondary, messageBody, channelId, markerList, _channel6, _activeChannelId6, updateLastMessage, markersMap, lastMessage, _channelId, _channel7, _channel8, deletedMessage, _activeChannelId7, _channelExists7, _channel9, _message, _activeChannelId8, _channelExists8, _channel0, user, _message2, reaction, isSelf, _activeChannelId9, _state$ThemeReducer$n7, _state$ThemeReducer$n8, _state$ThemeReducer$n9, _state$ThemeReducer$n0, _state$ThemeReducer$n1, _state$ThemeReducer$n10, _contactsMap, _getFromContacts2, _state, _theme, _accentColor, _textSecondary, _messageBody, channelUpdateParams, _channel1, _user, _message3, _reaction, channelFromMap, _isSelf, _activeChannelId0, _channelUpdateParams, _channel10, _updatedChannel, _channel11, _activeChannelId1, channelExist, _channel12, _channel13, _channel14, _channel15, _channel16, _channel17, _channel18, _groupName5, _channel19, _groupName6, _channel20, members, _activeChannelId10, i, _channel21, _channel22, _channelId2, from, name, status, _t;
+          var _yield$take, type, args, createdChannel, channelFilterTypes, getFromContacts, channelExists, _chan, channel, _chan2, _channel, member, _channelExists, _activeChannelId, groupName, updateChannelData, _channel2, _channelExists2, _channel3, removedMembers, _activeChannelId2, _channelExists3, activeChannel, _updateChannelData, _groupName, _channel4, addedMembers, _activeChannelId3, _channelExists4, _updateChannelData2, _groupName2, updatedChannel, _channelExists5, subject, avatarUrl, muted, mutedTill, metadata, _activeChannelId4, _groupName3, _channel5, message, messageToHandle, _channelFilterTypes, _activeChannelId5, _channelExists6, channelForAdd, hasNextMessage, _groupName4, showNotifications, tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, _getFromContacts, state, theme, accentColor, textSecondary, messageBody, channelId, markerList, _channel6, _activeChannelId6, updateLastMessage, markersMap, activeChannelMessages, lastMessage, _channelId, _channel7, _channel8, deletedMessage, _activeChannelId7, _channelExists7, _channel9, _message, _activeChannelId8, _channelExists8, _channel0, user, _message2, reaction, isSelf, _activeChannelId9, _state$ThemeReducer$n7, _state$ThemeReducer$n8, _state$ThemeReducer$n9, _state$ThemeReducer$n0, _state$ThemeReducer$n1, _state$ThemeReducer$n10, _contactsMap, _getFromContacts2, _state, _theme, _accentColor, _textSecondary, _messageBody, channelUpdateParams, _channel1, _user, _message3, _reaction, channelFromMap, _isSelf, _activeChannelId0, _channelUpdateParams, _channel10, _updatedChannel, _channel11, _activeChannelId1, channelExist, _channel12, _channel13, _channel14, _channel15, _channel16, _channel17, _channel18, _groupName5, _channel19, _groupName6, _channel20, members, _activeChannelId10, i, _channel21, _channel22, _channelId2, from, name, status, _t;
           return _regenerator().w(function (_context) {
             while (1) switch (_context.n) {
               case 0:
@@ -14140,8 +14150,17 @@ function watchForEvents() {
                 _activeChannelId6 = _context.v;
                 updateLastMessage = false;
                 markersMap = {};
+                activeChannelMessages = getMessagesFromMap(_activeChannelId6);
                 markerList.messageIds.forEach(function (messageId) {
-                  removePendingMessageFromMap(_channel6.id, messageId);
+                  if (activeChannelMessages.find(function (message) {
+                    return message.id === messageId;
+                  })) {
+                    removePendingMessageFromMap(_activeChannelId6, messageId);
+                  } else {
+                    updatePendingMessageOnMap(_activeChannelId6, messageId, {
+                      deliveryStatus: markerList.name
+                    });
+                  }
                   markersMap[messageId] = true;
                   if (_channel6) {
                     if (_channel6.lastMessage && messageId === _channel6.lastMessage.id && _channel6.lastMessage.deliveryStatus !== MESSAGE_DELIVERY_STATUS.READ) {
@@ -18324,7 +18343,7 @@ function deleteMessage(action) {
   }, _marked5$1, null, [[0, 5]]);
 }
 function editMessage(action) {
-  var payload, _message, channelId, channel, editedMessage, messageToUpdate, _t8;
+  var payload, _message, channelId, channel, linkAttachments, anotherAttachments, linkAttachmentsToSend, editedMessage, messageToUpdate, _t8;
   return _regenerator().w(function (_context8) {
     while (1) switch (_context8.p = _context8.n) {
       case 0:
@@ -18341,6 +18360,21 @@ function editMessage(action) {
             setChannelInMap(channel);
           }
         }
+        if (_message.attachments.length > 0) {
+          linkAttachments = _message.attachments.filter(function (att) {
+            return att.type === attachmentTypes.link;
+          });
+          anotherAttachments = _message.attachments.filter(function (att) {
+            return att.type !== attachmentTypes.link;
+          });
+          linkAttachmentsToSend = [];
+          linkAttachments.forEach(function (linkAttachment) {
+            var linkAttachmentBuilder = channel.createAttachmentBuilder(linkAttachment.data, linkAttachment.type);
+            var linkAttachmentToSend = linkAttachmentBuilder.setName(linkAttachment.name).setUpload(linkAttachment.upload).create();
+            linkAttachmentsToSend.push(linkAttachmentToSend);
+          });
+          _message.attachments = [].concat(anotherAttachments, linkAttachmentsToSend);
+        }
         _context8.n = 2;
         return effects.call(channel.editMessage, _extends({}, _message, {
           metadata: isJSON(_message.metadata) ? _message.metadata : JSON.stringify(_message.metadata),
@@ -31031,9 +31065,9 @@ var OGMetadata = function OGMetadata(_ref) {
     setMetadata = _useState[1];
   var attachment = React.useMemo(function () {
     return attachments.find(function (attachment) {
-      return attachment.type === 'link';
+      return attachment.type === attachmentTypes.link;
     });
-  }, [attachments === null || attachments === void 0 ? void 0 : attachments.length]);
+  }, [attachments]);
   var ogMetadataQueryBuilder = React.useCallback(function (url) {
     try {
       var client = getClient();
@@ -31062,7 +31096,7 @@ var OGMetadata = function OGMetadata(_ref) {
     }
   }, []);
   React.useEffect(function () {
-    if (attachment !== null && attachment !== void 0 && attachment.id && !metadata) {
+    if (attachment !== null && attachment !== void 0 && attachment.id && attachment !== null && attachment !== void 0 && attachment.url) {
       var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
       if (url) {
         getMetadata(url.replace('https://', '').replace('http://', '')).then(function (cachedMetadata) {
@@ -31081,7 +31115,7 @@ var OGMetadata = function OGMetadata(_ref) {
         });
       }
     }
-  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata]);
+  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
   var ogUrl = React.useMemo(function () {
     var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
     var urlObj = validateUrl(url);
@@ -36528,6 +36562,18 @@ var SendMessageInput = function SendMessageInput(_ref3) {
   var handleEditMessage = function handleEditMessage() {
     var messageTexToSend = editMessageText.trim();
     if (messageTexToSend) {
+      var linkAttachment;
+      if (messageTexToSend) {
+        var linkify = new LinkifyIt();
+        var match = linkify.match(messageTexToSend);
+        if (match) {
+          linkAttachment = {
+            type: attachmentTypes.link,
+            data: match[0].url,
+            upload: false
+          };
+        }
+      }
       var mentionedMembersPositions = [];
       var mentionMembersToSend = [];
       if (mentionedMembers && mentionedMembers.length) {
@@ -36547,7 +36593,9 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           });
         }
       }
-      var messageToSend = _extends({}, messageToEdit, {
+      var messageToSend = _extends({}, messageToEdit, linkAttachment ? {
+        attachments: [linkAttachment]
+      } : {}, {
         metadata: mentionedMembersPositions,
         bodyAttributes: messageBodyAttributes,
         mentionedUsers: mentionMembersToSend,
@@ -40163,7 +40211,8 @@ var Details = function Details(_ref) {
     tabItemsLineHeight = _ref.tabItemsLineHeight,
     tabItemsMinWidth = _ref.tabItemsMinWidth,
     backgroundColor = _ref.backgroundColor,
-    bordersColor = _ref.bordersColor;
+    bordersColor = _ref.bordersColor,
+    showPhoneNumber = _ref.showPhoneNumber;
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -40317,7 +40366,7 @@ var Details = function Details(_ref) {
     color: textSecondary,
     fontSize: channelMembersFontSize,
     lineHeight: channelMembersLineHeight
-  }, hideUserPresence && directChannelUser && hideUserPresence(directChannelUser) ? '' : directChannelUser && directChannelUser.presence && (directChannelUser.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : directChannelUser.presence.lastActiveAt && userLastActiveDateFormat(directChannelUser.presence.lastActiveAt)))) : (/*#__PURE__*/React__default.createElement(SubTitle, {
+  }, showPhoneNumber ? "+" + directChannelUser.id : hideUserPresence && directChannelUser && hideUserPresence(directChannelUser) ? '' : directChannelUser && directChannelUser.presence && (directChannelUser.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : directChannelUser.presence.lastActiveAt && userLastActiveDateFormat(directChannelUser.presence.lastActiveAt)))) : (/*#__PURE__*/React__default.createElement(SubTitle, {
     color: textSecondary,
     fontSize: channelMembersFontSize,
     lineHeight: channelMembersLineHeight
@@ -40593,7 +40642,8 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
     tabItemsFontSize = _ref.tabItemsFontSize,
     tabItemsLineHeight = _ref.tabItemsLineHeight,
     tabItemsMinWidth = _ref.tabItemsMinWidth,
-    bordersColor = _ref.bordersColor;
+    bordersColor = _ref.bordersColor,
+    showPhoneNumber = _ref.showPhoneNumber;
   var channelDetailsIsOpen = reactRedux.useSelector(channelInfoIsOpenSelector, reactRedux.shallowEqual);
   React.useEffect(function () {
     setShowChannelDetails(true);
@@ -40706,7 +40756,8 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
     addMemberIcon: addMemberIcon,
     tabItemsFontSize: tabItemsFontSize,
     tabItemsLineHeight: tabItemsLineHeight,
-    tabItemsMinWidth: tabItemsMinWidth
+    tabItemsMinWidth: tabItemsMinWidth,
+    showPhoneNumber: showPhoneNumber
   })));
 };
 var DetailsWrapper = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose([""])));

package/index.modern.js

@@ -10189,6 +10189,16 @@ function removePendingMessageFromMap(channelId, messageId) {
     });
   }
 }
+function updatePendingMessageOnMap(channelId, messageId, updatedMessage) {
+  if (pendingMessagesMap[channelId]) {
+    pendingMessagesMap[channelId] = pendingMessagesMap[channelId].map(function (msg) {
+      if (msg.id === messageId || msg.tid === messageId) {
+        return _extends({}, msg, updatedMessage);
+      }
+      return msg;
+    });
+  }
+}
 function clearMessagesMap() {
   messagesMap = {};
 }
@@ -13633,7 +13643,7 @@ function watchForEvents() {
           };
         });
         _loop = /*#__PURE__*/_regenerator().m(function _callee() {
-          var _yield$take, type, args, createdChannel, channelFilterTypes, getFromContacts, channelExists, _chan, channel, _chan2, _channel, member, _channelExists, _activeChannelId, groupName, updateChannelData, _channel2, _channelExists2, _channel3, removedMembers, _activeChannelId2, _channelExists3, activeChannel, _updateChannelData, _groupName, _channel4, addedMembers, _activeChannelId3, _channelExists4, _updateChannelData2, _groupName2, updatedChannel, _channelExists5, subject, avatarUrl, muted, mutedTill, metadata, _activeChannelId4, _groupName3, _channel5, message, messageToHandle, _channelFilterTypes, _activeChannelId5, _channelExists6, channelForAdd, hasNextMessage, _groupName4, showNotifications, tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, _getFromContacts, state, theme, accentColor, textSecondary, messageBody, channelId, markerList, _channel6, _activeChannelId6, updateLastMessage, markersMap, lastMessage, _channelId, _channel7, _channel8, deletedMessage, _activeChannelId7, _channelExists7, _channel9, _message, _activeChannelId8, _channelExists8, _channel0, user, _message2, reaction, isSelf, _activeChannelId9, _state$ThemeReducer$n7, _state$ThemeReducer$n8, _state$ThemeReducer$n9, _state$ThemeReducer$n0, _state$ThemeReducer$n1, _state$ThemeReducer$n10, _contactsMap, _getFromContacts2, _state, _theme, _accentColor, _textSecondary, _messageBody, channelUpdateParams, _channel1, _user, _message3, _reaction, channelFromMap, _isSelf, _activeChannelId0, _channelUpdateParams, _channel10, _updatedChannel, _channel11, _activeChannelId1, channelExist, _channel12, _channel13, _channel14, _channel15, _channel16, _channel17, _channel18, _groupName5, _channel19, _groupName6, _channel20, members, _activeChannelId10, i, _channel21, _channel22, _channelId2, from, name, status, _t;
+          var _yield$take, type, args, createdChannel, channelFilterTypes, getFromContacts, channelExists, _chan, channel, _chan2, _channel, member, _channelExists, _activeChannelId, groupName, updateChannelData, _channel2, _channelExists2, _channel3, removedMembers, _activeChannelId2, _channelExists3, activeChannel, _updateChannelData, _groupName, _channel4, addedMembers, _activeChannelId3, _channelExists4, _updateChannelData2, _groupName2, updatedChannel, _channelExists5, subject, avatarUrl, muted, mutedTill, metadata, _activeChannelId4, _groupName3, _channel5, message, messageToHandle, _channelFilterTypes, _activeChannelId5, _channelExists6, channelForAdd, hasNextMessage, _groupName4, showNotifications, tabIsActive, _state$ThemeReducer$n, _state$ThemeReducer$n2, _state$ThemeReducer$n3, _state$ThemeReducer$n4, _state$ThemeReducer$n5, _state$ThemeReducer$n6, contactsMap, _getFromContacts, state, theme, accentColor, textSecondary, messageBody, channelId, markerList, _channel6, _activeChannelId6, updateLastMessage, markersMap, activeChannelMessages, lastMessage, _channelId, _channel7, _channel8, deletedMessage, _activeChannelId7, _channelExists7, _channel9, _message, _activeChannelId8, _channelExists8, _channel0, user, _message2, reaction, isSelf, _activeChannelId9, _state$ThemeReducer$n7, _state$ThemeReducer$n8, _state$ThemeReducer$n9, _state$ThemeReducer$n0, _state$ThemeReducer$n1, _state$ThemeReducer$n10, _contactsMap, _getFromContacts2, _state, _theme, _accentColor, _textSecondary, _messageBody, channelUpdateParams, _channel1, _user, _message3, _reaction, channelFromMap, _isSelf, _activeChannelId0, _channelUpdateParams, _channel10, _updatedChannel, _channel11, _activeChannelId1, channelExist, _channel12, _channel13, _channel14, _channel15, _channel16, _channel17, _channel18, _groupName5, _channel19, _groupName6, _channel20, members, _activeChannelId10, i, _channel21, _channel22, _channelId2, from, name, status, _t;
           return _regenerator().w(function (_context) {
             while (1) switch (_context.n) {
               case 0:
@@ -14119,8 +14129,17 @@ function watchForEvents() {
                 _activeChannelId6 = _context.v;
                 updateLastMessage = false;
                 markersMap = {};
+                activeChannelMessages = getMessagesFromMap(_activeChannelId6);
                 markerList.messageIds.forEach(function (messageId) {
-                  removePendingMessageFromMap(_channel6.id, messageId);
+                  if (activeChannelMessages.find(function (message) {
+                    return message.id === messageId;
+                  })) {
+                    removePendingMessageFromMap(_activeChannelId6, messageId);
+                  } else {
+                    updatePendingMessageOnMap(_activeChannelId6, messageId, {
+                      deliveryStatus: markerList.name
+                    });
+                  }
                   markersMap[messageId] = true;
                   if (_channel6) {
                     if (_channel6.lastMessage && messageId === _channel6.lastMessage.id && _channel6.lastMessage.deliveryStatus !== MESSAGE_DELIVERY_STATUS.READ) {
@@ -18303,7 +18322,7 @@ function deleteMessage(action) {
   }, _marked5$1, null, [[0, 5]]);
 }
 function editMessage(action) {
-  var payload, _message, channelId, channel, editedMessage, messageToUpdate, _t8;
+  var payload, _message, channelId, channel, linkAttachments, anotherAttachments, linkAttachmentsToSend, editedMessage, messageToUpdate, _t8;
   return _regenerator().w(function (_context8) {
     while (1) switch (_context8.p = _context8.n) {
       case 0:
@@ -18320,6 +18339,21 @@ function editMessage(action) {
             setChannelInMap(channel);
           }
         }
+        if (_message.attachments.length > 0) {
+          linkAttachments = _message.attachments.filter(function (att) {
+            return att.type === attachmentTypes.link;
+          });
+          anotherAttachments = _message.attachments.filter(function (att) {
+            return att.type !== attachmentTypes.link;
+          });
+          linkAttachmentsToSend = [];
+          linkAttachments.forEach(function (linkAttachment) {
+            var linkAttachmentBuilder = channel.createAttachmentBuilder(linkAttachment.data, linkAttachment.type);
+            var linkAttachmentToSend = linkAttachmentBuilder.setName(linkAttachment.name).setUpload(linkAttachment.upload).create();
+            linkAttachmentsToSend.push(linkAttachmentToSend);
+          });
+          _message.attachments = [].concat(anotherAttachments, linkAttachmentsToSend);
+        }
         _context8.n = 2;
         return call(channel.editMessage, _extends({}, _message, {
           metadata: isJSON(_message.metadata) ? _message.metadata : JSON.stringify(_message.metadata),
@@ -31010,9 +31044,9 @@ var OGMetadata = function OGMetadata(_ref) {
     setMetadata = _useState[1];
   var attachment = useMemo(function () {
     return attachments.find(function (attachment) {
-      return attachment.type === 'link';
+      return attachment.type === attachmentTypes.link;
     });
-  }, [attachments === null || attachments === void 0 ? void 0 : attachments.length]);
+  }, [attachments]);
   var ogMetadataQueryBuilder = useCallback(function (url) {
     try {
       var client = getClient();
@@ -31041,7 +31075,7 @@ var OGMetadata = function OGMetadata(_ref) {
     }
   }, []);
   useEffect(function () {
-    if (attachment !== null && attachment !== void 0 && attachment.id && !metadata) {
+    if (attachment !== null && attachment !== void 0 && attachment.id && attachment !== null && attachment !== void 0 && attachment.url) {
       var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
       if (url) {
         getMetadata(url.replace('https://', '').replace('http://', '')).then(function (cachedMetadata) {
@@ -31060,7 +31094,7 @@ var OGMetadata = function OGMetadata(_ref) {
         });
       }
     }
-  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url, metadata]);
+  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
   var ogUrl = useMemo(function () {
     var url = attachment === null || attachment === void 0 ? void 0 : attachment.url;
     var urlObj = validateUrl(url);
@@ -36507,6 +36541,18 @@ var SendMessageInput = function SendMessageInput(_ref3) {
   var handleEditMessage = function handleEditMessage() {
     var messageTexToSend = editMessageText.trim();
     if (messageTexToSend) {
+      var linkAttachment;
+      if (messageTexToSend) {
+        var linkify = new LinkifyIt();
+        var match = linkify.match(messageTexToSend);
+        if (match) {
+          linkAttachment = {
+            type: attachmentTypes.link,
+            data: match[0].url,
+            upload: false
+          };
+        }
+      }
       var mentionedMembersPositions = [];
       var mentionMembersToSend = [];
       if (mentionedMembers && mentionedMembers.length) {
@@ -36526,7 +36572,9 @@ var SendMessageInput = function SendMessageInput(_ref3) {
           });
         }
       }
-      var messageToSend = _extends({}, messageToEdit, {
+      var messageToSend = _extends({}, messageToEdit, linkAttachment ? {
+        attachments: [linkAttachment]
+      } : {}, {
         metadata: mentionedMembersPositions,
         bodyAttributes: messageBodyAttributes,
         mentionedUsers: mentionMembersToSend,
@@ -40142,7 +40190,8 @@ var Details = function Details(_ref) {
     tabItemsLineHeight = _ref.tabItemsLineHeight,
     tabItemsMinWidth = _ref.tabItemsMinWidth,
     backgroundColor = _ref.backgroundColor,
-    bordersColor = _ref.bordersColor;
+    bordersColor = _ref.bordersColor,
+    showPhoneNumber = _ref.showPhoneNumber;
   var _useColor = useColors(),
     accentColor = _useColor[THEME_COLORS.ACCENT],
     textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
@@ -40296,7 +40345,7 @@ var Details = function Details(_ref) {
     color: textSecondary,
     fontSize: channelMembersFontSize,
     lineHeight: channelMembersLineHeight
-  }, hideUserPresence && directChannelUser && hideUserPresence(directChannelUser) ? '' : directChannelUser && directChannelUser.presence && (directChannelUser.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : directChannelUser.presence.lastActiveAt && userLastActiveDateFormat(directChannelUser.presence.lastActiveAt)))) : (/*#__PURE__*/React__default.createElement(SubTitle, {
+  }, showPhoneNumber ? "+" + directChannelUser.id : hideUserPresence && directChannelUser && hideUserPresence(directChannelUser) ? '' : directChannelUser && directChannelUser.presence && (directChannelUser.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : directChannelUser.presence.lastActiveAt && userLastActiveDateFormat(directChannelUser.presence.lastActiveAt)))) : (/*#__PURE__*/React__default.createElement(SubTitle, {
     color: textSecondary,
     fontSize: channelMembersFontSize,
     lineHeight: channelMembersLineHeight
@@ -40572,7 +40621,8 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
     tabItemsFontSize = _ref.tabItemsFontSize,
     tabItemsLineHeight = _ref.tabItemsLineHeight,
     tabItemsMinWidth = _ref.tabItemsMinWidth,
-    bordersColor = _ref.bordersColor;
+    bordersColor = _ref.bordersColor,
+    showPhoneNumber = _ref.showPhoneNumber;
   var channelDetailsIsOpen = useSelector(channelInfoIsOpenSelector, shallowEqual);
   useEffect(function () {
     setShowChannelDetails(true);
@@ -40685,7 +40735,8 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
     addMemberIcon: addMemberIcon,
     tabItemsFontSize: tabItemsFontSize,
     tabItemsLineHeight: tabItemsLineHeight,
-    tabItemsMinWidth: tabItemsMinWidth
+    tabItemsMinWidth: tabItemsMinWidth,
+    showPhoneNumber: showPhoneNumber
   })));
 };
 var DetailsWrapper = styled.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose([""])));

package/package.json

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