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

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 +49 -18
  2. package/index.modern.js +49 -18
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -20951,7 +20951,15 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
20951
20951
  color: textPrimary
20952
20952
  }, ":"), typingOrRecording.isTyping ? 'typing' : 'recording', "...")), !isTypingOrRecording && (draftMessageText ? (/*#__PURE__*/React__default.createElement(DraftMessageText, {
20953
20953
  color: textSecondary
20954
- }, audioRecording && /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), draftMessageText)) : lastMessage.state === MESSAGE_STATUS.DELETE ? 'Message was deleted.' : lastMessage.type === 'system' ? (lastMessage.user && (lastMessage.user.id === user.id ? 'You ' : makeUsername(lastMessage.user && contactsMap && contactsMap[lastMessage.user.id], lastMessage.user, getFromContacts))) + " " + (lastMessage.body === 'CC' ? 'created this channel' : lastMessage.body === 'CG' ? 'created this group' : lastMessage.body === 'AM' ? " added " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
20954
+ }, audioRecording && /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), MessageTextFormat({
20955
+ text: draftMessageText,
20956
+ message: lastMessage,
20957
+ contactsMap: contactsMap,
20958
+ getFromContacts: getFromContacts,
20959
+ isLastMessage: true,
20960
+ accentColor: accentColor,
20961
+ textSecondary: textSecondary
20962
+ }))) : lastMessage.state === MESSAGE_STATUS.DELETE ? 'Message was deleted.' : lastMessage.type === 'system' ? (lastMessage.user && (lastMessage.user.id === user.id ? 'You ' : makeUsername(lastMessage.user && contactsMap && contactsMap[lastMessage.user.id], lastMessage.user, getFromContacts))) + " " + (lastMessage.body === 'CC' ? 'created this channel' : lastMessage.body === 'CG' ? 'created this group' : lastMessage.body === 'AM' ? " added " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
20955
20963
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
20956
20964
  })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'RM' ? " removed " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
20957
20965
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
@@ -21021,11 +21029,14 @@ var Channel = function Channel(_ref3) {
21021
21029
  var _useState = React.useState(),
21022
21030
  draftMessageText = _useState[0],
21023
21031
  setDraftMessageText = _useState[1];
21032
+ var _useState2 = React.useState(),
21033
+ draftMessage = _useState2[0],
21034
+ setDraftMessage = _useState2[1];
21024
21035
  var lastMessage = channel.lastReactedMessage || channel.lastMessage;
21025
21036
  var lastMessageMetas = lastMessage && lastMessage.type === 'system' && lastMessage.metadata && (isJSON(lastMessage.metadata) ? JSON.parse(lastMessage.metadata) : lastMessage.metadata);
21026
- var _useState2 = React.useState(0),
21027
- statusWidth = _useState2[0],
21028
- setStatusWidth = _useState2[1];
21037
+ var _useState3 = React.useState(0),
21038
+ statusWidth = _useState3[0],
21039
+ setStatusWidth = _useState3[1];
21029
21040
  var avatarName = channel.subject || (isDirectChannel && directChannelUser ? directChannelUser.firstName || directChannelUser.id : isSelfChannel ? 'Me' : '');
21030
21041
  var handleChangeActiveChannel = function handleChangeActiveChannel(chan) {
21031
21042
  if (activeChannel.id !== chan.id) {
@@ -21049,17 +21060,25 @@ var Channel = function Channel(_ref3) {
21049
21060
  if (channelDraftMessage || draftAudioRecording) {
21050
21061
  if (channelDraftMessage) {
21051
21062
  setDraftMessageText(channelDraftMessage.text);
21063
+ setDraftMessage({
21064
+ mentionedUsers: channelDraftMessage.mentionedMembers,
21065
+ body: channelDraftMessage.text,
21066
+ bodyAttributes: channelDraftMessage.bodyAttributes
21067
+ });
21052
21068
  } else if (draftAudioRecording) {
21053
21069
  setDraftMessageText('Voice');
21070
+ setDraftMessage(undefined);
21054
21071
  }
21055
21072
  } else if (draftMessageText) {
21056
21073
  setDraftMessageText(undefined);
21074
+ setDraftMessage(undefined);
21057
21075
  }
21058
21076
  }
21059
21077
  }, [activeChannel.id]);
21060
21078
  React.useEffect(function () {
21061
21079
  if (channelDraftIsRemoved && channelDraftIsRemoved === channel.id) {
21062
21080
  setDraftMessageText(undefined);
21081
+ setDraftMessage(undefined);
21063
21082
  dispatch(setChannelDraftMessageIsRemovedAC());
21064
21083
  }
21065
21084
  }, [channelDraftIsRemoved]);
@@ -21106,7 +21125,7 @@ var Channel = function Channel(_ref3) {
21106
21125
  textPrimary: textPrimary,
21107
21126
  textSecondary: textSecondary,
21108
21127
  draftMessageText: draftMessageText,
21109
- lastMessage: lastMessage,
21128
+ lastMessage: draftMessage || lastMessage,
21110
21129
  isDirectChannel: isDirectChannel
21111
21130
  });
21112
21131
  }, [typingOrRecording === null || typingOrRecording === void 0 ? void 0 : typingOrRecording.isTyping, typingOrRecording === null || typingOrRecording === void 0 ? void 0 : typingOrRecording.isRecording, draftMessageText, lastMessage, user, contactsMap, getFromContacts, lastMessageMetas, accentColor, typingOrRecording, channel, isDirectChannel]);
@@ -31073,25 +31092,33 @@ var OGMetadata = function OGMetadata(_ref) {
31073
31092
  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
31074
31093
  var showOGMetadata = React.useMemo(function () {
31075
31094
  var _metadata$og, _metadata$og2, _metadata$og2$image, _metadata$og2$image$, _metadata$og3;
31076
- return state === 'deleted' || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og = metadata.og) === null || _metadata$og === void 0 ? void 0 : _metadata$og.title) === '' || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$image = _metadata$og2.image) === null || _metadata$og2$image === void 0 ? void 0 : (_metadata$og2$image$ = _metadata$og2$image[0]) === null || _metadata$og2$image$ === void 0 ? void 0 : _metadata$og2$image$.url) === '' || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.description) === '' || !metadata;
31095
+ return state !== 'deleted' && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og = metadata.og) === null || _metadata$og === void 0 ? void 0 : _metadata$og.title) && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$image = _metadata$og2.image) === null || _metadata$og2$image === void 0 ? void 0 : (_metadata$og2$image$ = _metadata$og2$image[0]) === null || _metadata$og2$image$ === void 0 ? void 0 : _metadata$og2$image$.url) && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.description) && metadata;
31077
31096
  }, [state, metadata]);
31078
- return /*#__PURE__*/React__default.createElement(OGMetadataContainer, null, /*#__PURE__*/React__default.createElement("div", {
31097
+ return /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
31098
+ showOGMetadata: !!showOGMetadata
31099
+ }, /*#__PURE__*/React__default.createElement("div", {
31079
31100
  onClick: function onClick() {
31080
31101
  window.open(attachment === null || attachment === void 0 ? void 0 : attachment.url, '_blank');
31081
31102
  }
31082
31103
  }, /*#__PURE__*/React__default.createElement(ImageContainer, {
31083
- showOGMetadata: showOGMetadata
31104
+ showOGMetadata: !!showOGMetadata
31084
31105
  }, metadata !== null && metadata !== void 0 && (_metadata$og4 = metadata.og) !== null && _metadata$og4 !== void 0 && (_metadata$og4$image = _metadata$og4.image) !== null && _metadata$og4$image !== void 0 && (_metadata$og4$image$ = _metadata$og4$image[0]) !== null && _metadata$og4$image$ !== void 0 && _metadata$og4$image$.url ? /*#__PURE__*/React__default.createElement(Img, {
31085
31106
  src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : (_metadata$og5$image = _metadata$og5.image) === null || _metadata$og5$image === void 0 ? void 0 : (_metadata$og5$image$ = _metadata$og5$image[0]) === null || _metadata$og5$image$ === void 0 ? void 0 : _metadata$og5$image$.url,
31086
31107
  alt: 'OG metadata image'
31087
- }) : null), showOGMetadata ? null : (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url ? /*#__PURE__*/React__default.createElement(Favicon, {
31108
+ }) : null), showOGMetadata ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url ? /*#__PURE__*/React__default.createElement(Favicon, {
31088
31109
  src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url
31089
- }) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null))));
31110
+ }) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null)) : null));
31090
31111
  };
31091
- var OGMetadataContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: 0.8rem;\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])));
31092
- var ImageContainer = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 200px;\n width: 100%;\n height: 200px;\n margin: 0 auto;\n padding: 0.3rem;\n height: ", ";\n transition: height 0.2s ease;\n"])), function (_ref2) {
31112
+ var OGMetadataContainer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: ", ";\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])), function (_ref2) {
31093
31113
  var showOGMetadata = _ref2.showOGMetadata;
31094
- return !showOGMetadata ? '200px' : '0';
31114
+ return showOGMetadata ? '0.8rem' : '0';
31115
+ });
31116
+ var ImageContainer = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 200px;\n width: 100%;\n margin: 0 auto;\n padding: ", ";\n height: ", ";\n transition: height 0.2s ease;\n"])), function (_ref3) {
31117
+ var showOGMetadata = _ref3.showOGMetadata;
31118
+ return showOGMetadata ? '0.3rem' : '0';
31119
+ }, function (_ref4) {
31120
+ var showOGMetadata = _ref4.showOGMetadata;
31121
+ return showOGMetadata ? '200px' : '0';
31095
31122
  });
31096
31123
  var OGText = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n width: 80%;\n padding: 0.5rem;\n margin: 0;\n"])));
31097
31124
  var Url = styled__default.p(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n margin: 0 0 12px 0;\n color: gray;\n"])));
@@ -35951,11 +35978,11 @@ var AudioRecord = function AudioRecord(_ref) {
35951
35978
  setShowRecording(false);
35952
35979
  setStartRecording(false);
35953
35980
  setPlayAudio(false);
35954
- setCurrentTime(0);
35955
35981
  var audioRecording = getAudioRecordingFromMap(channelId);
35956
35982
  setRecordedFile(audioRecording || null);
35957
35983
  setRecordingIsReadyToPlay(!!audioRecording);
35958
35984
  }
35985
+ setCurrentTime(0);
35959
35986
  handleStopRecording();
35960
35987
  setCurrentChannelId(channelId);
35961
35988
  }, [channelId]);
@@ -37187,14 +37214,16 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37187
37214
  text: messageText,
37188
37215
  mentionedMembers: draftMessage.mentionedMembers,
37189
37216
  messageForReply: messageForReply,
37190
- editorState: realEditorState
37217
+ editorState: realEditorState,
37218
+ bodyAttributes: messageBodyAttributes
37191
37219
  });
37192
37220
  } else {
37193
37221
  setDraftMessageToMap(activeChannel.id, {
37194
37222
  text: messageText,
37195
37223
  mentionedMembers: mentionedMembers,
37196
37224
  messageForReply: messageForReply,
37197
- editorState: realEditorState
37225
+ editorState: realEditorState,
37226
+ bodyAttributes: messageBodyAttributes
37198
37227
  });
37199
37228
  }
37200
37229
  if (!listenerIsAdded) {
@@ -37215,7 +37244,8 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37215
37244
  setDraftMessageToMap(activeChannel.id, {
37216
37245
  text: messageText,
37217
37246
  mentionedMembers: mentionedMembers,
37218
- messageForReply: messageForReply
37247
+ messageForReply: messageForReply,
37248
+ bodyAttributes: messageBodyAttributes
37219
37249
  });
37220
37250
  }
37221
37251
  }, [mentionedMembers]);
@@ -37269,7 +37299,8 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37269
37299
  setDraftMessageToMap(activeChannel.id, {
37270
37300
  text: messageText,
37271
37301
  mentionedMembers: mentionedMembers,
37272
- messageForReply: messageForReply
37302
+ messageForReply: messageForReply,
37303
+ bodyAttributes: messageBodyAttributes
37273
37304
  });
37274
37305
  }
37275
37306
  if (messageForReply && messageToEdit) {
package/index.modern.js CHANGED
@@ -20930,7 +20930,15 @@ var ChannelMessageText = function ChannelMessageText(_ref2) {
20930
20930
  color: textPrimary
20931
20931
  }, ":"), typingOrRecording.isTyping ? 'typing' : 'recording', "...")), !isTypingOrRecording && (draftMessageText ? (/*#__PURE__*/React__default.createElement(DraftMessageText, {
20932
20932
  color: textSecondary
20933
- }, audioRecording && /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), draftMessageText)) : lastMessage.state === MESSAGE_STATUS.DELETE ? 'Message was deleted.' : lastMessage.type === 'system' ? (lastMessage.user && (lastMessage.user.id === user.id ? 'You ' : makeUsername(lastMessage.user && contactsMap && contactsMap[lastMessage.user.id], lastMessage.user, getFromContacts))) + " " + (lastMessage.body === 'CC' ? 'created this channel' : lastMessage.body === 'CG' ? 'created this group' : lastMessage.body === 'AM' ? " added " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
20933
+ }, audioRecording && /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), MessageTextFormat({
20934
+ text: draftMessageText,
20935
+ message: lastMessage,
20936
+ contactsMap: contactsMap,
20937
+ getFromContacts: getFromContacts,
20938
+ isLastMessage: true,
20939
+ accentColor: accentColor,
20940
+ textSecondary: textSecondary
20941
+ }))) : lastMessage.state === MESSAGE_STATUS.DELETE ? 'Message was deleted.' : lastMessage.type === 'system' ? (lastMessage.user && (lastMessage.user.id === user.id ? 'You ' : makeUsername(lastMessage.user && contactsMap && contactsMap[lastMessage.user.id], lastMessage.user, getFromContacts))) + " " + (lastMessage.body === 'CC' ? 'created this channel' : lastMessage.body === 'CG' ? 'created this group' : lastMessage.body === 'AM' ? " added " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
20934
20942
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
20935
20943
  })) + " " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.length > 5 ? "and " + (lastMessageMetas.m.length - 5) + " more" : '') : lastMessage.body === 'RM' ? " removed " + (lastMessageMetas && lastMessageMetas.m && lastMessageMetas.m.slice(0, 5).map(function (mem) {
20936
20944
  return mem === user.id ? ' You' : " " + systemMessageUserName(mem, contactsMap && contactsMap[mem], lastMessage.mentionedUsers);
@@ -21000,11 +21008,14 @@ var Channel = function Channel(_ref3) {
21000
21008
  var _useState = useState(),
21001
21009
  draftMessageText = _useState[0],
21002
21010
  setDraftMessageText = _useState[1];
21011
+ var _useState2 = useState(),
21012
+ draftMessage = _useState2[0],
21013
+ setDraftMessage = _useState2[1];
21003
21014
  var lastMessage = channel.lastReactedMessage || channel.lastMessage;
21004
21015
  var lastMessageMetas = lastMessage && lastMessage.type === 'system' && lastMessage.metadata && (isJSON(lastMessage.metadata) ? JSON.parse(lastMessage.metadata) : lastMessage.metadata);
21005
- var _useState2 = useState(0),
21006
- statusWidth = _useState2[0],
21007
- setStatusWidth = _useState2[1];
21016
+ var _useState3 = useState(0),
21017
+ statusWidth = _useState3[0],
21018
+ setStatusWidth = _useState3[1];
21008
21019
  var avatarName = channel.subject || (isDirectChannel && directChannelUser ? directChannelUser.firstName || directChannelUser.id : isSelfChannel ? 'Me' : '');
21009
21020
  var handleChangeActiveChannel = function handleChangeActiveChannel(chan) {
21010
21021
  if (activeChannel.id !== chan.id) {
@@ -21028,17 +21039,25 @@ var Channel = function Channel(_ref3) {
21028
21039
  if (channelDraftMessage || draftAudioRecording) {
21029
21040
  if (channelDraftMessage) {
21030
21041
  setDraftMessageText(channelDraftMessage.text);
21042
+ setDraftMessage({
21043
+ mentionedUsers: channelDraftMessage.mentionedMembers,
21044
+ body: channelDraftMessage.text,
21045
+ bodyAttributes: channelDraftMessage.bodyAttributes
21046
+ });
21031
21047
  } else if (draftAudioRecording) {
21032
21048
  setDraftMessageText('Voice');
21049
+ setDraftMessage(undefined);
21033
21050
  }
21034
21051
  } else if (draftMessageText) {
21035
21052
  setDraftMessageText(undefined);
21053
+ setDraftMessage(undefined);
21036
21054
  }
21037
21055
  }
21038
21056
  }, [activeChannel.id]);
21039
21057
  useEffect(function () {
21040
21058
  if (channelDraftIsRemoved && channelDraftIsRemoved === channel.id) {
21041
21059
  setDraftMessageText(undefined);
21060
+ setDraftMessage(undefined);
21042
21061
  dispatch(setChannelDraftMessageIsRemovedAC());
21043
21062
  }
21044
21063
  }, [channelDraftIsRemoved]);
@@ -21085,7 +21104,7 @@ var Channel = function Channel(_ref3) {
21085
21104
  textPrimary: textPrimary,
21086
21105
  textSecondary: textSecondary,
21087
21106
  draftMessageText: draftMessageText,
21088
- lastMessage: lastMessage,
21107
+ lastMessage: draftMessage || lastMessage,
21089
21108
  isDirectChannel: isDirectChannel
21090
21109
  });
21091
21110
  }, [typingOrRecording === null || typingOrRecording === void 0 ? void 0 : typingOrRecording.isTyping, typingOrRecording === null || typingOrRecording === void 0 ? void 0 : typingOrRecording.isRecording, draftMessageText, lastMessage, user, contactsMap, getFromContacts, lastMessageMetas, accentColor, typingOrRecording, channel, isDirectChannel]);
@@ -31052,25 +31071,33 @@ var OGMetadata = function OGMetadata(_ref) {
31052
31071
  }, [attachment === null || attachment === void 0 ? void 0 : attachment.url]);
31053
31072
  var showOGMetadata = useMemo(function () {
31054
31073
  var _metadata$og, _metadata$og2, _metadata$og2$image, _metadata$og2$image$, _metadata$og3;
31055
- return state === 'deleted' || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og = metadata.og) === null || _metadata$og === void 0 ? void 0 : _metadata$og.title) === '' || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$image = _metadata$og2.image) === null || _metadata$og2$image === void 0 ? void 0 : (_metadata$og2$image$ = _metadata$og2$image[0]) === null || _metadata$og2$image$ === void 0 ? void 0 : _metadata$og2$image$.url) === '' || (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.description) === '' || !metadata;
31074
+ return state !== 'deleted' && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og = metadata.og) === null || _metadata$og === void 0 ? void 0 : _metadata$og.title) && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og2 = metadata.og) === null || _metadata$og2 === void 0 ? void 0 : (_metadata$og2$image = _metadata$og2.image) === null || _metadata$og2$image === void 0 ? void 0 : (_metadata$og2$image$ = _metadata$og2$image[0]) === null || _metadata$og2$image$ === void 0 ? void 0 : _metadata$og2$image$.url) && (metadata === null || metadata === void 0 ? void 0 : (_metadata$og3 = metadata.og) === null || _metadata$og3 === void 0 ? void 0 : _metadata$og3.description) && metadata;
31056
31075
  }, [state, metadata]);
31057
- return /*#__PURE__*/React__default.createElement(OGMetadataContainer, null, /*#__PURE__*/React__default.createElement("div", {
31076
+ return /*#__PURE__*/React__default.createElement(OGMetadataContainer, {
31077
+ showOGMetadata: !!showOGMetadata
31078
+ }, /*#__PURE__*/React__default.createElement("div", {
31058
31079
  onClick: function onClick() {
31059
31080
  window.open(attachment === null || attachment === void 0 ? void 0 : attachment.url, '_blank');
31060
31081
  }
31061
31082
  }, /*#__PURE__*/React__default.createElement(ImageContainer, {
31062
- showOGMetadata: showOGMetadata
31083
+ showOGMetadata: !!showOGMetadata
31063
31084
  }, metadata !== null && metadata !== void 0 && (_metadata$og4 = metadata.og) !== null && _metadata$og4 !== void 0 && (_metadata$og4$image = _metadata$og4.image) !== null && _metadata$og4$image !== void 0 && (_metadata$og4$image$ = _metadata$og4$image[0]) !== null && _metadata$og4$image$ !== void 0 && _metadata$og4$image$.url ? /*#__PURE__*/React__default.createElement(Img, {
31064
31085
  src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og5 = metadata.og) === null || _metadata$og5 === void 0 ? void 0 : (_metadata$og5$image = _metadata$og5.image) === null || _metadata$og5$image === void 0 ? void 0 : (_metadata$og5$image$ = _metadata$og5$image[0]) === null || _metadata$og5$image$ === void 0 ? void 0 : _metadata$og5$image$.url,
31065
31086
  alt: 'OG metadata image'
31066
- }) : null), showOGMetadata ? null : (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url ? /*#__PURE__*/React__default.createElement(Favicon, {
31087
+ }) : null), showOGMetadata ? (/*#__PURE__*/React__default.createElement(OGText, null, /*#__PURE__*/React__default.createElement(Url, null, ogUrl), metadata !== null && metadata !== void 0 && (_metadata$og6 = metadata.og) !== null && _metadata$og6 !== void 0 && _metadata$og6.title ? (/*#__PURE__*/React__default.createElement(Title, null, metadata !== null && metadata !== void 0 && (_metadata$og7 = metadata.og) !== null && _metadata$og7 !== void 0 && (_metadata$og7$favicon = _metadata$og7.favicon) !== null && _metadata$og7$favicon !== void 0 && _metadata$og7$favicon.url ? /*#__PURE__*/React__default.createElement(Favicon, {
31067
31088
  src: metadata === null || metadata === void 0 ? void 0 : (_metadata$og8 = metadata.og) === null || _metadata$og8 === void 0 ? void 0 : (_metadata$og8$favicon = _metadata$og8.favicon) === null || _metadata$og8$favicon === void 0 ? void 0 : _metadata$og8$favicon.url
31068
- }) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null))));
31089
+ }) : null, /*#__PURE__*/React__default.createElement("span", null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og9 = metadata.og) === null || _metadata$og9 === void 0 ? void 0 : _metadata$og9.title))) : null, metadata !== null && metadata !== void 0 && (_metadata$og0 = metadata.og) !== null && _metadata$og0 !== void 0 && _metadata$og0.description ? /*#__PURE__*/React__default.createElement(Desc, null, metadata === null || metadata === void 0 ? void 0 : (_metadata$og1 = metadata.og) === null || _metadata$og1 === void 0 ? void 0 : _metadata$og1.description) : null)) : null));
31069
31090
  };
31070
- var OGMetadataContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: 0.8rem;\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])));
31071
- var ImageContainer = styled.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 200px;\n width: 100%;\n height: 200px;\n margin: 0 auto;\n padding: 0.3rem;\n height: ", ";\n transition: height 0.2s ease;\n"])), function (_ref2) {
31091
+ var OGMetadataContainer = styled.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: inherit;\n display: grid;\n grid-template-columns: 1fr;\n background-color: rgba(0, 0, 0, 0.034);\n border-radius: 6px;\n margin-bottom: 0.4rem;\n margin: 0 auto;\n margin-bottom: ", ";\n &:hover {\n background-color: rgba(0, 0, 0, 0.1);\n cursor: pointer;\n }\n"])), function (_ref2) {
31072
31092
  var showOGMetadata = _ref2.showOGMetadata;
31073
- return !showOGMetadata ? '200px' : '0';
31093
+ return showOGMetadata ? '0.8rem' : '0';
31094
+ });
31095
+ var ImageContainer = styled.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n max-width: 100%;\n max-height: 200px;\n width: 100%;\n margin: 0 auto;\n padding: ", ";\n height: ", ";\n transition: height 0.2s ease;\n"])), function (_ref3) {
31096
+ var showOGMetadata = _ref3.showOGMetadata;
31097
+ return showOGMetadata ? '0.3rem' : '0';
31098
+ }, function (_ref4) {
31099
+ var showOGMetadata = _ref4.showOGMetadata;
31100
+ return showOGMetadata ? '200px' : '0';
31074
31101
  });
31075
31102
  var OGText = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n width: 80%;\n padding: 0.5rem;\n margin: 0;\n"])));
31076
31103
  var Url = styled.p(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n font-weight: normal;\n font-size: 13px;\n padding: 0;\n margin: 0 0 12px 0;\n color: gray;\n"])));
@@ -35930,11 +35957,11 @@ var AudioRecord = function AudioRecord(_ref) {
35930
35957
  setShowRecording(false);
35931
35958
  setStartRecording(false);
35932
35959
  setPlayAudio(false);
35933
- setCurrentTime(0);
35934
35960
  var audioRecording = getAudioRecordingFromMap(channelId);
35935
35961
  setRecordedFile(audioRecording || null);
35936
35962
  setRecordingIsReadyToPlay(!!audioRecording);
35937
35963
  }
35964
+ setCurrentTime(0);
35938
35965
  handleStopRecording();
35939
35966
  setCurrentChannelId(channelId);
35940
35967
  }, [channelId]);
@@ -37166,14 +37193,16 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37166
37193
  text: messageText,
37167
37194
  mentionedMembers: draftMessage.mentionedMembers,
37168
37195
  messageForReply: messageForReply,
37169
- editorState: realEditorState
37196
+ editorState: realEditorState,
37197
+ bodyAttributes: messageBodyAttributes
37170
37198
  });
37171
37199
  } else {
37172
37200
  setDraftMessageToMap(activeChannel.id, {
37173
37201
  text: messageText,
37174
37202
  mentionedMembers: mentionedMembers,
37175
37203
  messageForReply: messageForReply,
37176
- editorState: realEditorState
37204
+ editorState: realEditorState,
37205
+ bodyAttributes: messageBodyAttributes
37177
37206
  });
37178
37207
  }
37179
37208
  if (!listenerIsAdded) {
@@ -37194,7 +37223,8 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37194
37223
  setDraftMessageToMap(activeChannel.id, {
37195
37224
  text: messageText,
37196
37225
  mentionedMembers: mentionedMembers,
37197
- messageForReply: messageForReply
37226
+ messageForReply: messageForReply,
37227
+ bodyAttributes: messageBodyAttributes
37198
37228
  });
37199
37229
  }
37200
37230
  }, [mentionedMembers]);
@@ -37248,7 +37278,8 @@ var SendMessageInput = function SendMessageInput(_ref3) {
37248
37278
  setDraftMessageToMap(activeChannel.id, {
37249
37279
  text: messageText,
37250
37280
  mentionedMembers: mentionedMembers,
37251
- messageForReply: messageForReply
37281
+ messageForReply: messageForReply,
37282
+ bodyAttributes: messageBodyAttributes
37252
37283
  });
37253
37284
  }
37254
37285
  if (messageForReply && messageToEdit) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.6.9-beta.18",
3
+ "version": "1.6.9-beta.19",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",