sceyt-chat-react-uikit 1.7.9-beta.8 → 1.7.9-beta.9

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.
@@ -1,2 +1,2 @@
1
1
  import React from 'react';
2
- export default function MessageActions({ isPollMessage, editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleRetractVote, handleEndVote, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, retractVoteIcon, endVoteIcon, deleteIcon, selectIcon, infoIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, selectIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, infoIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): React.JSX.Element;
2
+ export default function MessageActions({ isPollMessage, allowVoteRetract, pollClosed, editModeToggle, channel, handleResendMessage, handleOpenDeleteMessage, handleOpenForwardMessage, handleCopyMessage, handleReportMessage, messageStatus, handleSelectMessage, handleRetractVote, handleEndVote, handleReplyMessage, handleOpenInfoMessage, isThreadMessage, rtlDirection, showMessageReaction, showEditMessage, showCopyMessage, showReplyMessage, showReplyMessageInThread, showForwardMessage, showDeleteMessage, showSelectMessage, showReportMessage, showInfoMessage, infoIconOrder, reactionIcon, editIcon, copyIcon, replyIcon, replyInThreadIcon, retractVoteIcon, endVoteIcon, deleteIcon, selectIcon, infoIcon, allowEditDeleteIncomingMessage, reportIcon, reactionIconOrder, editIconOrder, copyIconOrder, replyIconOrder, replyInThreadIconOrder, forwardIcon, forwardIconOrder, deleteIconOrder, selectIconOrder, reportIconOrder, reactionIconTooltipText, editIconTooltipText, copyIconTooltipText, replyIconTooltipText, replyInThreadIconTooltipText, forwardIconTooltipText, deleteIconTooltipText, selectIconTooltipText, infoIconTooltipText, reportIconTooltipText, myRole, isIncoming, messageActionIconsColor, handleOpenEmojis }: any): React.JSX.Element;
package/index.js CHANGED
@@ -9411,7 +9411,7 @@ var channelSlice = createSlice({
9411
9411
  }
9412
9412
  },
9413
9413
  setChannels: function setChannels(state, action) {
9414
- state.channels = [].concat(action.payload.channels);
9414
+ state.channels = sortChannelByLastMessage([].concat(action.payload.channels));
9415
9415
  },
9416
9416
  setSearchedChannels: function setSearchedChannels(state, action) {
9417
9417
  state.searchedChannels = action.payload.searchedChannels;
@@ -9584,7 +9584,7 @@ var channelSlice = createSlice({
9584
9584
  })
9585
9585
  });
9586
9586
  }
9587
- state.channels = [].concat(updatedChannels);
9587
+ state.channels = sortChannelByLastMessage([].concat(updatedChannels));
9588
9588
  },
9589
9589
  updateChannelLastMessage: function updateChannelLastMessage(state, action) {
9590
9590
  var _action$payload5 = action.payload,
@@ -9604,6 +9604,7 @@ var channelSlice = createSlice({
9604
9604
  }
9605
9605
  return chan;
9606
9606
  });
9607
+ state.channels = sortChannelByLastMessage(state.channels);
9607
9608
  }
9608
9609
  } else {
9609
9610
  var updatedChannels = state.channels.filter(function (chan) {
@@ -9633,6 +9634,7 @@ var channelSlice = createSlice({
9633
9634
  }
9634
9635
  return chan;
9635
9636
  });
9637
+ state.channels = sortChannelByLastMessage(state.channels);
9636
9638
  },
9637
9639
  setChannelInfoOpenClose: function setChannelInfoOpenClose(state, action) {
9638
9640
  state.channelInfoIsOpen = action.payload.open;
@@ -31256,6 +31258,10 @@ var _templateObject$t, _templateObject2$p, _templateObject3$k;
31256
31258
  function MessageActions(_ref) {
31257
31259
  var _ref$isPollMessage = _ref.isPollMessage,
31258
31260
  isPollMessage = _ref$isPollMessage === void 0 ? false : _ref$isPollMessage,
31261
+ _ref$allowVoteRetract = _ref.allowVoteRetract,
31262
+ allowVoteRetract = _ref$allowVoteRetract === void 0 ? false : _ref$allowVoteRetract,
31263
+ _ref$pollClosed = _ref.pollClosed,
31264
+ pollClosed = _ref$pollClosed === void 0 ? false : _ref$pollClosed,
31259
31265
  editModeToggle = _ref.editModeToggle,
31260
31266
  channel = _ref.channel,
31261
31267
  handleResendMessage = _ref.handleResendMessage,
@@ -31348,7 +31354,7 @@ function MessageActions(_ref) {
31348
31354
  }, /*#__PURE__*/React__default.createElement(EditMessageContainer, {
31349
31355
  backgroundColor: backgroundSections,
31350
31356
  className: 'message_actions_cont '
31351
- }, showMessageReaction && !isPollMessage && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && checkActionPermission('addMessageReaction') && (/*#__PURE__*/React__default.createElement(Action, {
31357
+ }, showMessageReaction && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && checkActionPermission('addMessageReaction') && (/*#__PURE__*/React__default.createElement(Action, {
31352
31358
  order: reactionIconOrder || 0,
31353
31359
  iconColor: messageActionIconsColor || iconInactive,
31354
31360
  hoverBackgroundColor: backgroundHovered,
@@ -31417,7 +31423,7 @@ function MessageActions(_ref) {
31417
31423
  disabledColor: textSecondary,
31418
31424
  bgColor: tooltipBackground,
31419
31425
  direction: 'top'
31420
- }, copyIconTooltipText || 'Copy', /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), copyIcon || /*#__PURE__*/React__default.createElement(SvgCopyIcon, null))), isPollMessage && (/*#__PURE__*/React__default.createElement(Action, {
31426
+ }, copyIconTooltipText || 'Copy', /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), copyIcon || /*#__PURE__*/React__default.createElement(SvgCopyIcon, null))), isPollMessage && allowVoteRetract && !pollClosed && (/*#__PURE__*/React__default.createElement(Action, {
31421
31427
  onClick: handleRetractVote,
31422
31428
  iconColor: messageActionIconsColor || iconInactive,
31423
31429
  hoverBackgroundColor: backgroundHovered,
@@ -31426,7 +31432,7 @@ function MessageActions(_ref) {
31426
31432
  disabledColor: textSecondary,
31427
31433
  bgColor: tooltipBackground,
31428
31434
  direction: 'top'
31429
- }, "Retract Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), retractVoteIcon || /*#__PURE__*/React__default.createElement(SvgRetractVote, null))), !isPollMessage && (/*#__PURE__*/React__default.createElement(Action, {
31435
+ }, "Retract Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), retractVoteIcon || /*#__PURE__*/React__default.createElement(SvgRetractVote, null))), isPollMessage && !isIncoming && !pollClosed && (/*#__PURE__*/React__default.createElement(Action, {
31430
31436
  onClick: handleEndVote,
31431
31437
  iconColor: messageActionIconsColor || iconInactive,
31432
31438
  hoverBackgroundColor: backgroundHovered,
@@ -31435,7 +31441,7 @@ function MessageActions(_ref) {
31435
31441
  disabledColor: textSecondary,
31436
31442
  bgColor: tooltipBackground,
31437
31443
  direction: 'top'
31438
- }, "End Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), endVoteIcon || /*#__PURE__*/React__default.createElement(SvgEndVote, null))), showForwardMessage && forwardMessagePermitted && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && (/*#__PURE__*/React__default.createElement(Action, {
31444
+ }, "End Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), endVoteIcon || /*#__PURE__*/React__default.createElement(SvgEndVote, null))), showForwardMessage && forwardMessagePermitted && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && !isPollMessage && (/*#__PURE__*/React__default.createElement(Action, {
31439
31445
  order: forwardIconOrder || 5,
31440
31446
  iconColor: messageActionIconsColor || iconInactive,
31441
31447
  hoverBackgroundColor: backgroundHovered,
@@ -36319,11 +36325,11 @@ var PollMessage = function PollMessage(_ref) {
36319
36325
  onClick: handleResultsClick,
36320
36326
  cursor: poll.anonymous ? 'default' : 'pointer'
36321
36327
  }, optionVotesUsers.map(function (vote) {
36322
- var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile;
36328
+ var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile, _vote$user4;
36323
36329
  return /*#__PURE__*/React__default.createElement(Avatar, {
36324
36330
  key: vote === null || vote === void 0 ? void 0 : (_vote$user = vote.user) === null || _vote$user === void 0 ? void 0 : _vote$user.id,
36325
36331
  image: vote === null || vote === void 0 ? void 0 : (_vote$user2 = vote.user) === null || _vote$user2 === void 0 ? void 0 : (_vote$user2$profile = _vote$user2.profile) === null || _vote$user2$profile === void 0 ? void 0 : _vote$user2$profile.avatar,
36326
- name: vote === null || vote === void 0 ? void 0 : (_vote$user3 = vote.user) === null || _vote$user3 === void 0 ? void 0 : (_vote$user3$profile = _vote$user3.profile) === null || _vote$user3$profile === void 0 ? void 0 : _vote$user3$profile.firstName,
36332
+ name: (vote === null || vote === void 0 ? void 0 : (_vote$user3 = vote.user) === null || _vote$user3 === void 0 ? void 0 : (_vote$user3$profile = _vote$user3.profile) === null || _vote$user3$profile === void 0 ? void 0 : _vote$user3$profile.firstName) || (vote === null || vote === void 0 ? void 0 : (_vote$user4 = vote.user) === null || _vote$user4 === void 0 ? void 0 : _vote$user4.id),
36327
36333
  size: 18,
36328
36334
  textSize: 12,
36329
36335
  setDefaultAvatar: true,
@@ -36869,6 +36875,7 @@ var FaviconImg = styled__default.img(_templateObject1$a || (_templateObject1$a =
36869
36875
 
36870
36876
  var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$k, _templateObject7$j;
36871
36877
  var MessageBody = function MessageBody(_ref) {
36878
+ var _message$pollDetails, _message$pollDetails2;
36872
36879
  var message = _ref.message,
36873
36880
  channel = _ref.channel,
36874
36881
  MessageActionsMenu = _ref.MessageActionsMenu,
@@ -37244,6 +37251,8 @@ var MessageBody = function MessageBody(_ref) {
37244
37251
  handleEndVote: handleEndVote
37245
37252
  })) : (/*#__PURE__*/React__default.createElement(MessageActions, {
37246
37253
  isPollMessage: (message === null || message === void 0 ? void 0 : message.type) === exports.MESSAGE_TYPE.POLL,
37254
+ allowVoteRetract: message === null || message === void 0 ? void 0 : (_message$pollDetails = message.pollDetails) === null || _message$pollDetails === void 0 ? void 0 : _message$pollDetails.allowVoteRetract,
37255
+ pollClosed: message === null || message === void 0 ? void 0 : (_message$pollDetails2 = message.pollDetails) === null || _message$pollDetails2 === void 0 ? void 0 : _message$pollDetails2.closed,
37247
37256
  messageFrom: message.user,
37248
37257
  channel: channel,
37249
37258
  editModeToggle: toggleEditMode,
package/index.modern.js CHANGED
@@ -9410,7 +9410,7 @@ var channelSlice = createSlice({
9410
9410
  }
9411
9411
  },
9412
9412
  setChannels: function setChannels(state, action) {
9413
- state.channels = [].concat(action.payload.channels);
9413
+ state.channels = sortChannelByLastMessage([].concat(action.payload.channels));
9414
9414
  },
9415
9415
  setSearchedChannels: function setSearchedChannels(state, action) {
9416
9416
  state.searchedChannels = action.payload.searchedChannels;
@@ -9583,7 +9583,7 @@ var channelSlice = createSlice({
9583
9583
  })
9584
9584
  });
9585
9585
  }
9586
- state.channels = [].concat(updatedChannels);
9586
+ state.channels = sortChannelByLastMessage([].concat(updatedChannels));
9587
9587
  },
9588
9588
  updateChannelLastMessage: function updateChannelLastMessage(state, action) {
9589
9589
  var _action$payload5 = action.payload,
@@ -9603,6 +9603,7 @@ var channelSlice = createSlice({
9603
9603
  }
9604
9604
  return chan;
9605
9605
  });
9606
+ state.channels = sortChannelByLastMessage(state.channels);
9606
9607
  }
9607
9608
  } else {
9608
9609
  var updatedChannels = state.channels.filter(function (chan) {
@@ -9632,6 +9633,7 @@ var channelSlice = createSlice({
9632
9633
  }
9633
9634
  return chan;
9634
9635
  });
9636
+ state.channels = sortChannelByLastMessage(state.channels);
9635
9637
  },
9636
9638
  setChannelInfoOpenClose: function setChannelInfoOpenClose(state, action) {
9637
9639
  state.channelInfoIsOpen = action.payload.open;
@@ -31255,6 +31257,10 @@ var _templateObject$t, _templateObject2$p, _templateObject3$k;
31255
31257
  function MessageActions(_ref) {
31256
31258
  var _ref$isPollMessage = _ref.isPollMessage,
31257
31259
  isPollMessage = _ref$isPollMessage === void 0 ? false : _ref$isPollMessage,
31260
+ _ref$allowVoteRetract = _ref.allowVoteRetract,
31261
+ allowVoteRetract = _ref$allowVoteRetract === void 0 ? false : _ref$allowVoteRetract,
31262
+ _ref$pollClosed = _ref.pollClosed,
31263
+ pollClosed = _ref$pollClosed === void 0 ? false : _ref$pollClosed,
31258
31264
  editModeToggle = _ref.editModeToggle,
31259
31265
  channel = _ref.channel,
31260
31266
  handleResendMessage = _ref.handleResendMessage,
@@ -31347,7 +31353,7 @@ function MessageActions(_ref) {
31347
31353
  }, /*#__PURE__*/React__default.createElement(EditMessageContainer, {
31348
31354
  backgroundColor: backgroundSections,
31349
31355
  className: 'message_actions_cont '
31350
- }, showMessageReaction && !isPollMessage && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && checkActionPermission('addMessageReaction') && (/*#__PURE__*/React__default.createElement(Action, {
31356
+ }, showMessageReaction && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && checkActionPermission('addMessageReaction') && (/*#__PURE__*/React__default.createElement(Action, {
31351
31357
  order: reactionIconOrder || 0,
31352
31358
  iconColor: messageActionIconsColor || iconInactive,
31353
31359
  hoverBackgroundColor: backgroundHovered,
@@ -31416,7 +31422,7 @@ function MessageActions(_ref) {
31416
31422
  disabledColor: textSecondary,
31417
31423
  bgColor: tooltipBackground,
31418
31424
  direction: 'top'
31419
- }, copyIconTooltipText || 'Copy', /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), copyIcon || /*#__PURE__*/React__default.createElement(SvgCopyIcon, null))), isPollMessage && (/*#__PURE__*/React__default.createElement(Action, {
31425
+ }, copyIconTooltipText || 'Copy', /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), copyIcon || /*#__PURE__*/React__default.createElement(SvgCopyIcon, null))), isPollMessage && allowVoteRetract && !pollClosed && (/*#__PURE__*/React__default.createElement(Action, {
31420
31426
  onClick: handleRetractVote,
31421
31427
  iconColor: messageActionIconsColor || iconInactive,
31422
31428
  hoverBackgroundColor: backgroundHovered,
@@ -31425,7 +31431,7 @@ function MessageActions(_ref) {
31425
31431
  disabledColor: textSecondary,
31426
31432
  bgColor: tooltipBackground,
31427
31433
  direction: 'top'
31428
- }, "Retract Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), retractVoteIcon || /*#__PURE__*/React__default.createElement(SvgRetractVote, null))), !isPollMessage && (/*#__PURE__*/React__default.createElement(Action, {
31434
+ }, "Retract Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), retractVoteIcon || /*#__PURE__*/React__default.createElement(SvgRetractVote, null))), isPollMessage && !isIncoming && !pollClosed && (/*#__PURE__*/React__default.createElement(Action, {
31429
31435
  onClick: handleEndVote,
31430
31436
  iconColor: messageActionIconsColor || iconInactive,
31431
31437
  hoverBackgroundColor: backgroundHovered,
@@ -31434,7 +31440,7 @@ function MessageActions(_ref) {
31434
31440
  disabledColor: textSecondary,
31435
31441
  bgColor: tooltipBackground,
31436
31442
  direction: 'top'
31437
- }, "End Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), endVoteIcon || /*#__PURE__*/React__default.createElement(SvgEndVote, null))), showForwardMessage && forwardMessagePermitted && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && (/*#__PURE__*/React__default.createElement(Action, {
31443
+ }, "End Vote", /*#__PURE__*/React__default.createElement(SvgArrowDown, null)), endVoteIcon || /*#__PURE__*/React__default.createElement(SvgEndVote, null))), showForwardMessage && forwardMessagePermitted && messageStatus !== MESSAGE_DELIVERY_STATUS.PENDING && !isPollMessage && (/*#__PURE__*/React__default.createElement(Action, {
31438
31444
  order: forwardIconOrder || 5,
31439
31445
  iconColor: messageActionIconsColor || iconInactive,
31440
31446
  hoverBackgroundColor: backgroundHovered,
@@ -36318,11 +36324,11 @@ var PollMessage = function PollMessage(_ref) {
36318
36324
  onClick: handleResultsClick,
36319
36325
  cursor: poll.anonymous ? 'default' : 'pointer'
36320
36326
  }, optionVotesUsers.map(function (vote) {
36321
- var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile;
36327
+ var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile, _vote$user4;
36322
36328
  return /*#__PURE__*/React__default.createElement(Avatar, {
36323
36329
  key: vote === null || vote === void 0 ? void 0 : (_vote$user = vote.user) === null || _vote$user === void 0 ? void 0 : _vote$user.id,
36324
36330
  image: vote === null || vote === void 0 ? void 0 : (_vote$user2 = vote.user) === null || _vote$user2 === void 0 ? void 0 : (_vote$user2$profile = _vote$user2.profile) === null || _vote$user2$profile === void 0 ? void 0 : _vote$user2$profile.avatar,
36325
- name: vote === null || vote === void 0 ? void 0 : (_vote$user3 = vote.user) === null || _vote$user3 === void 0 ? void 0 : (_vote$user3$profile = _vote$user3.profile) === null || _vote$user3$profile === void 0 ? void 0 : _vote$user3$profile.firstName,
36331
+ name: (vote === null || vote === void 0 ? void 0 : (_vote$user3 = vote.user) === null || _vote$user3 === void 0 ? void 0 : (_vote$user3$profile = _vote$user3.profile) === null || _vote$user3$profile === void 0 ? void 0 : _vote$user3$profile.firstName) || (vote === null || vote === void 0 ? void 0 : (_vote$user4 = vote.user) === null || _vote$user4 === void 0 ? void 0 : _vote$user4.id),
36326
36332
  size: 18,
36327
36333
  textSize: 12,
36328
36334
  setDefaultAvatar: true,
@@ -36868,6 +36874,7 @@ var FaviconImg = styled.img(_templateObject1$a || (_templateObject1$a = _taggedT
36868
36874
 
36869
36875
  var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$k, _templateObject7$j;
36870
36876
  var MessageBody = function MessageBody(_ref) {
36877
+ var _message$pollDetails, _message$pollDetails2;
36871
36878
  var message = _ref.message,
36872
36879
  channel = _ref.channel,
36873
36880
  MessageActionsMenu = _ref.MessageActionsMenu,
@@ -37243,6 +37250,8 @@ var MessageBody = function MessageBody(_ref) {
37243
37250
  handleEndVote: handleEndVote
37244
37251
  })) : (/*#__PURE__*/React__default.createElement(MessageActions, {
37245
37252
  isPollMessage: (message === null || message === void 0 ? void 0 : message.type) === MESSAGE_TYPE.POLL,
37253
+ allowVoteRetract: message === null || message === void 0 ? void 0 : (_message$pollDetails = message.pollDetails) === null || _message$pollDetails === void 0 ? void 0 : _message$pollDetails.allowVoteRetract,
37254
+ pollClosed: message === null || message === void 0 ? void 0 : (_message$pollDetails2 = message.pollDetails) === null || _message$pollDetails2 === void 0 ? void 0 : _message$pollDetails2.closed,
37246
37255
  messageFrom: message.user,
37247
37256
  channel: channel,
37248
37257
  editModeToggle: toggleEditMode,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.9-beta.8",
3
+ "version": "1.7.9-beta.9",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",