sceyt-chat-react-uikit 1.7.0 → 1.7.1-beta.1

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 +9 -8
  2. package/index.modern.js +9 -8
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -21023,7 +21023,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
21023
21023
  }), channel.lastReactedMessage && '"')))));
21024
21024
  };
21025
21025
  var Channel = function Channel(_ref3) {
21026
- var _channel$metadata, _channel$metadata2;
21026
+ var _channel$metadata;
21027
21027
  var channel = _ref3.channel,
21028
21028
  theme = _ref3.theme,
21029
21029
  _ref3$showAvatar = _ref3.showAvatar,
@@ -21068,7 +21068,7 @@ var Channel = function Channel(_ref3) {
21068
21068
  var activeChannel = reactRedux.useSelector(activeChannelSelector) || {};
21069
21069
  var channelDraftIsRemoved = reactRedux.useSelector(channelMessageDraftIsRemovedSelector);
21070
21070
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
21071
- var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
21071
+ var isSelfChannel = isDirectChannel && (((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s) || channel.members.length === 1 && channel.members[0].id === user.id);
21072
21072
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
21073
21073
  return member.id !== user.id;
21074
21074
  });
@@ -21210,7 +21210,7 @@ var Channel = function Channel(_ref3) {
21210
21210
  subjectLineHeight: channelSubjectLineHeight,
21211
21211
  subjectColor: channelSubjectColor || textPrimary,
21212
21212
  avatarSize: channelAvatarSize
21213
- }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : (_channel$metadata2 = channel.metadata) !== null && _channel$metadata2 !== void 0 && _channel$metadata2.s ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
21213
+ }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
21214
21214
  color: notificationsIsMutedIconColor || iconInactive
21215
21215
  }, notificationsIsMutedIcon || /*#__PURE__*/React__default.createElement(SvgUnmuteNotifications, null))), (lastMessage || typingOrRecording.items.length > 0 || draftMessageText) && (/*#__PURE__*/React__default.createElement(LastMessage, {
21216
21216
  color: textSecondary,
@@ -32059,6 +32059,7 @@ var Message$1 = function Message(_ref) {
32059
32059
  };
32060
32060
  React.useEffect(function () {
32061
32061
  if (isVisible) {
32062
+ var _channel$lastMessage;
32062
32063
  if (setLastVisibleMessageId) {
32063
32064
  setLastVisibleMessageId(message.id);
32064
32065
  }
@@ -32066,7 +32067,7 @@ var Message$1 = function Message(_ref) {
32066
32067
  if (!channel.isLinkedChannel) {
32067
32068
  setMessageToVisibleMessagesMap(message);
32068
32069
  }
32069
- if (scrollToNewMessage.scrollToBottom && (message.id === channel.lastMessage.id || !message.id)) {
32070
+ if (scrollToNewMessage.scrollToBottom && ((message === null || message === void 0 ? void 0 : message.id) === ((_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.id) || !(message !== null && message !== void 0 && message.id))) {
32070
32071
  dispatch(scrollToNewMessageAC(false, false, false));
32071
32072
  dispatch(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
32072
32073
  }
@@ -40113,7 +40114,7 @@ var EditChannel = function EditChannel(_ref) {
40113
40114
 
40114
40115
  var _templateObject$V, _templateObject2$O, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$g, _templateObject0$e, _templateObject1$b, _templateObject10$7;
40115
40116
  var Details = function Details(_ref) {
40116
- var _activeChannel$metada;
40117
+ var _activeChannel$metada, _activeChannel$member;
40117
40118
  var detailsTitleText = _ref.detailsTitleText,
40118
40119
  editDetailsTitleText = _ref.editDetailsTitleText,
40119
40120
  detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40271,9 +40272,9 @@ var Details = function Details(_ref) {
40271
40272
  var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
40272
40273
  var memberDisplayText = getChannelTypesMemberDisplayTextMap();
40273
40274
  var displayMemberText = memberDisplayText && (memberDisplayText[activeChannel.type] ? activeChannel.memberCount > 1 ? memberDisplayText[activeChannel.type] + "s" : memberDisplayText[activeChannel.type] : activeChannel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || activeChannel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? activeChannel.memberCount > 1 ? 'subscribers' : 'subscriber' : activeChannel.memberCount > 1 ? 'members' : 'member');
40274
- var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
40275
+ var directChannelUser = isDirectChannel && (activeChannel.members.find(function (member) {
40275
40276
  return member.id !== user.id;
40276
- });
40277
+ }) || (activeChannel === null || activeChannel === void 0 ? void 0 : (_activeChannel$member = activeChannel.members) === null || _activeChannel$member === void 0 ? void 0 : _activeChannel$member[0]));
40277
40278
  var handleMembersListScroll = function handleMembersListScroll(event) {
40278
40279
  if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
40279
40280
  if (activeTab === channelDetailsTabs.member) {
@@ -40382,7 +40383,7 @@ var Details = function Details(_ref) {
40382
40383
  color: textSecondary,
40383
40384
  fontSize: channelMembersFontSize,
40384
40385
  lineHeight: channelMembersLineHeight
40385
- }, 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, {
40386
+ }, showPhoneNumber ? "+" + (directChannelUser === null || directChannelUser === void 0 ? void 0 : 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, {
40386
40387
  color: textSecondary,
40387
40388
  fontSize: channelMembersFontSize,
40388
40389
  lineHeight: channelMembersLineHeight
package/index.modern.js CHANGED
@@ -21002,7 +21002,7 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
21002
21002
  }), channel.lastReactedMessage && '"')))));
21003
21003
  };
21004
21004
  var Channel = function Channel(_ref3) {
21005
- var _channel$metadata, _channel$metadata2;
21005
+ var _channel$metadata;
21006
21006
  var channel = _ref3.channel,
21007
21007
  theme = _ref3.theme,
21008
21008
  _ref3$showAvatar = _ref3.showAvatar,
@@ -21047,7 +21047,7 @@ var Channel = function Channel(_ref3) {
21047
21047
  var activeChannel = useSelector(activeChannelSelector) || {};
21048
21048
  var channelDraftIsRemoved = useSelector(channelMessageDraftIsRemovedSelector);
21049
21049
  var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
21050
- var isSelfChannel = isDirectChannel && ((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s);
21050
+ var isSelfChannel = isDirectChannel && (((_channel$metadata = channel.metadata) === null || _channel$metadata === void 0 ? void 0 : _channel$metadata.s) || channel.members.length === 1 && channel.members[0].id === user.id);
21051
21051
  var directChannelUser = isDirectChannel && channel.members.find(function (member) {
21052
21052
  return member.id !== user.id;
21053
21053
  });
@@ -21189,7 +21189,7 @@ var Channel = function Channel(_ref3) {
21189
21189
  subjectLineHeight: channelSubjectLineHeight,
21190
21190
  subjectColor: channelSubjectColor || textPrimary,
21191
21191
  avatarSize: channelAvatarSize
21192
- }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : (_channel$metadata2 = channel.metadata) !== null && _channel$metadata2 !== void 0 && _channel$metadata2.s ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
21192
+ }, /*#__PURE__*/React__default.createElement("h3", null, channel.subject || (isDirectChannel && directChannelUser ? makeUsername(contactsMap && contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : isSelfChannel ? 'Me' : '')), channel.muted && (/*#__PURE__*/React__default.createElement(MutedIcon, {
21193
21193
  color: notificationsIsMutedIconColor || iconInactive
21194
21194
  }, notificationsIsMutedIcon || /*#__PURE__*/React__default.createElement(SvgUnmuteNotifications, null))), (lastMessage || typingOrRecording.items.length > 0 || draftMessageText) && (/*#__PURE__*/React__default.createElement(LastMessage, {
21195
21195
  color: textSecondary,
@@ -32038,6 +32038,7 @@ var Message$1 = function Message(_ref) {
32038
32038
  };
32039
32039
  useEffect(function () {
32040
32040
  if (isVisible) {
32041
+ var _channel$lastMessage;
32041
32042
  if (setLastVisibleMessageId) {
32042
32043
  setLastVisibleMessageId(message.id);
32043
32044
  }
@@ -32045,7 +32046,7 @@ var Message$1 = function Message(_ref) {
32045
32046
  if (!channel.isLinkedChannel) {
32046
32047
  setMessageToVisibleMessagesMap(message);
32047
32048
  }
32048
- if (scrollToNewMessage.scrollToBottom && (message.id === channel.lastMessage.id || !message.id)) {
32049
+ if (scrollToNewMessage.scrollToBottom && ((message === null || message === void 0 ? void 0 : message.id) === ((_channel$lastMessage = channel.lastMessage) === null || _channel$lastMessage === void 0 ? void 0 : _channel$lastMessage.id) || !(message !== null && message !== void 0 && message.id))) {
32049
32050
  dispatch(scrollToNewMessageAC(false, false, false));
32050
32051
  dispatch(setMessagesLoadingStateAC(LOADING_STATE.LOADED));
32051
32052
  }
@@ -40092,7 +40093,7 @@ var EditChannel = function EditChannel(_ref) {
40092
40093
 
40093
40094
  var _templateObject$V, _templateObject2$O, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$g, _templateObject0$e, _templateObject1$b, _templateObject10$7;
40094
40095
  var Details = function Details(_ref) {
40095
- var _activeChannel$metada;
40096
+ var _activeChannel$metada, _activeChannel$member;
40096
40097
  var detailsTitleText = _ref.detailsTitleText,
40097
40098
  editDetailsTitleText = _ref.editDetailsTitleText,
40098
40099
  detailsTitleFontSize = _ref.detailsTitleFontSize,
@@ -40250,9 +40251,9 @@ var Details = function Details(_ref) {
40250
40251
  var isSelfChannel = isDirectChannel && ((_activeChannel$metada = activeChannel.metadata) === null || _activeChannel$metada === void 0 ? void 0 : _activeChannel$metada.s);
40251
40252
  var memberDisplayText = getChannelTypesMemberDisplayTextMap();
40252
40253
  var displayMemberText = memberDisplayText && (memberDisplayText[activeChannel.type] ? activeChannel.memberCount > 1 ? memberDisplayText[activeChannel.type] + "s" : memberDisplayText[activeChannel.type] : activeChannel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || activeChannel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? activeChannel.memberCount > 1 ? 'subscribers' : 'subscriber' : activeChannel.memberCount > 1 ? 'members' : 'member');
40253
- var directChannelUser = isDirectChannel && activeChannel.members.find(function (member) {
40254
+ var directChannelUser = isDirectChannel && (activeChannel.members.find(function (member) {
40254
40255
  return member.id !== user.id;
40255
- });
40256
+ }) || (activeChannel === null || activeChannel === void 0 ? void 0 : (_activeChannel$member = activeChannel.members) === null || _activeChannel$member === void 0 ? void 0 : _activeChannel$member[0]));
40256
40257
  var handleMembersListScroll = function handleMembersListScroll(event) {
40257
40258
  if (event.target.scrollTop >= event.target.scrollHeight - event.target.offsetHeight - 100) {
40258
40259
  if (activeTab === channelDetailsTabs.member) {
@@ -40361,7 +40362,7 @@ var Details = function Details(_ref) {
40361
40362
  color: textSecondary,
40362
40363
  fontSize: channelMembersFontSize,
40363
40364
  lineHeight: channelMembersLineHeight
40364
- }, 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, {
40365
+ }, showPhoneNumber ? "+" + (directChannelUser === null || directChannelUser === void 0 ? void 0 : 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, {
40365
40366
  color: textSecondary,
40366
40367
  fontSize: channelMembersFontSize,
40367
40368
  lineHeight: channelMembersLineHeight
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.0",
3
+ "version": "1.7.1-beta.1",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",