sceyt-chat-react-uikit 1.7.8-beta.16 → 1.7.8-beta.18
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.
- package/components/Message/Message.types.d.ts +1 -0
- package/components/Message/MessageBody/index.d.ts +2 -1
- package/components/Message/index.d.ts +1 -1
- package/components/Messages/MessageList/index.d.ts +1 -0
- package/components/Messages/index.d.ts +1 -0
- package/components/SendMessageInput/MentionsPlugin/index.d.ts +2 -1
- package/index.js +484 -143
- package/index.modern.js +484 -144
- package/messageUtils/index.d.ts +5 -1
- package/package.json +1 -1
package/index.modern.js
CHANGED
|
@@ -9027,6 +9027,29 @@ var handleVoteDetails = function handleVoteDetails(voteDetails, message) {
|
|
|
9027
9027
|
voteDetails: newVoteDetails
|
|
9028
9028
|
});
|
|
9029
9029
|
};
|
|
9030
|
+
var _extractTextFromReactElement = function extractTextFromReactElement(element) {
|
|
9031
|
+
if (typeof element === 'string') {
|
|
9032
|
+
return element;
|
|
9033
|
+
}
|
|
9034
|
+
if (element === null || element === undefined) {
|
|
9035
|
+
return '';
|
|
9036
|
+
}
|
|
9037
|
+
if (Array.isArray(element)) {
|
|
9038
|
+
return element.map(_extractTextFromReactElement).join('');
|
|
9039
|
+
}
|
|
9040
|
+
if (typeof element === 'object' && element.props) {
|
|
9041
|
+
if (typeof element.props.children === 'string') {
|
|
9042
|
+
return element.props.children;
|
|
9043
|
+
}
|
|
9044
|
+
if (Array.isArray(element.props.children)) {
|
|
9045
|
+
return element.props.children.map(_extractTextFromReactElement).join('');
|
|
9046
|
+
}
|
|
9047
|
+
if (element.props.children) {
|
|
9048
|
+
return _extractTextFromReactElement(element.props.children);
|
|
9049
|
+
}
|
|
9050
|
+
}
|
|
9051
|
+
return '';
|
|
9052
|
+
};
|
|
9030
9053
|
var checkIsTypeKeyPressed = function checkIsTypeKeyPressed(code) {
|
|
9031
9054
|
return !(code === 'Enter' || code === 'NumpadEnter' || code === 'Backspace' || code === 'Delete' || code === 'ArrowLeft' || code === 'ArrowRight' || code === 'ArrowUp' || code === 'ArrowDown' || code === 'PageUp' || code === 'PageDown' || code === 'Home' || code === 'End' || code === 'Insert' || code === 'Escape' || code === 'Tab' || code === 'F1' || code === 'F2' || code === 'F3' || code === 'F4' || code === 'F5' || code === 'F6' || code === 'F7' || code === 'F8' || code === 'F9' || code === 'F10' || code === 'F11' || code === 'F12' || code === 'CapsLock' || code === 'Shift' || code === 'ShiftLeft' || code === 'ShiftRight' || code === 'Control' || code === 'ControlLeft' || code === 'ControlRight' || code === 'Alt' || code === 'AltLeft' || code === 'AltRight' || code === 'MetaLeft' || code === 'MetaRight' || code === 'Space' || code === 'Enter' || code === 'NumpadEnter' || code === 'Backspace' || code === 'Delete' || code === 'ArrowLeft' || code === 'ArrowRight' || code === 'ArrowUp' || code === 'ArrowDown' || code === 'PageUp' || code === 'PageDown' || code === 'Home' || code === 'End' || code === 'Insert' || code === 'Escape' || code === 'Tab' || code === 'F1' || code === 'F2' || code === 'F3' || code === 'F4' || code === 'F5' || code === 'F6' || code === 'F7' || code === 'F8' || code === 'F9' || code === 'F10' || code === 'F11' || code === 'F12' || code === 'Shift');
|
|
9032
9055
|
};
|
|
@@ -9769,10 +9792,6 @@ var CHANNEL_EVENT_TYPES = {
|
|
|
9769
9792
|
REACTION_ADDED: 'REACTION_ADDED',
|
|
9770
9793
|
REACTION_DELETED: 'REACTION_DELETED',
|
|
9771
9794
|
EDIT_MESSAGE: 'EDIT_MESSAGE',
|
|
9772
|
-
START_TYPING: 'START_TYPING',
|
|
9773
|
-
STOP_TYPING: 'STOP_TYPING',
|
|
9774
|
-
START_RECORDING: 'START_RECORDING',
|
|
9775
|
-
STOP_RECORDING: 'STOP_RECORDING',
|
|
9776
9795
|
MESSAGE_MARKERS_RECEIVED: 'MESSAGE_MARKERS_RECEIVED',
|
|
9777
9796
|
UNREAD_MESSAGES_INFO: 'UNREAD_MESSAGES_INFO',
|
|
9778
9797
|
HIDE: 'HIDE',
|
|
@@ -12185,7 +12204,7 @@ var userSlice = createSlice({
|
|
|
12185
12204
|
state.usersLoadingState = action.payload.state;
|
|
12186
12205
|
},
|
|
12187
12206
|
updateUserMap: function updateUserMap(state, action) {
|
|
12188
|
-
state.updatedUserMap = action.payload.usersMap;
|
|
12207
|
+
state.updatedUserMap = _extends({}, state.updatedUserMap, action.payload.usersMap);
|
|
12189
12208
|
},
|
|
12190
12209
|
setContacts: function setContacts(state, action) {
|
|
12191
12210
|
var contacts = action.payload.contacts;
|
|
@@ -13393,6 +13412,9 @@ var usersLoadingStateSelector = function usersLoadingStateSelector(store) {
|
|
|
13393
13412
|
var browserTabIsActiveSelector = function browserTabIsActiveSelector(store) {
|
|
13394
13413
|
return store.UserReducer.browserTabIsActive;
|
|
13395
13414
|
};
|
|
13415
|
+
var usersMapSelector = function usersMapSelector(store) {
|
|
13416
|
+
return store.UserReducer.updatedUserMap;
|
|
13417
|
+
};
|
|
13396
13418
|
|
|
13397
13419
|
var _path;
|
|
13398
13420
|
function _extends$1() {
|
|
@@ -14120,6 +14142,15 @@ var MessageStatusIcon = function MessageStatusIcon(_ref) {
|
|
|
14120
14142
|
size = _ref.size,
|
|
14121
14143
|
accentColor = _ref.accentColor;
|
|
14122
14144
|
switch (messageStatus) {
|
|
14145
|
+
case MESSAGE_DELIVERY_STATUS.PLAYED:
|
|
14146
|
+
return messageStatusDisplayingType === 'ticks' ? (/*#__PURE__*/React__default.createElement(ReadIconWrapper, {
|
|
14147
|
+
width: size,
|
|
14148
|
+
height: size,
|
|
14149
|
+
color: readIconColor || accentColor
|
|
14150
|
+
})) : (/*#__PURE__*/React__default.createElement(StatusText, {
|
|
14151
|
+
fontSize: size,
|
|
14152
|
+
color: color
|
|
14153
|
+
}, "\u2022 Seen"));
|
|
14123
14154
|
case MESSAGE_DELIVERY_STATUS.READ:
|
|
14124
14155
|
return messageStatusDisplayingType === 'ticks' ? (/*#__PURE__*/React__default.createElement(ReadIconWrapper, {
|
|
14125
14156
|
width: size,
|
|
@@ -14315,6 +14346,173 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
|
|
|
14315
14346
|
return text;
|
|
14316
14347
|
}
|
|
14317
14348
|
};
|
|
14349
|
+
var isMentionNode = function isMentionNode(node) {
|
|
14350
|
+
if (!node || typeof node !== 'object') return false;
|
|
14351
|
+
if (node.props && node.props.className) {
|
|
14352
|
+
var className = node.props.className;
|
|
14353
|
+
if (typeof className === 'string' && className.includes('mention')) {
|
|
14354
|
+
return true;
|
|
14355
|
+
}
|
|
14356
|
+
if (Array.isArray(className) && className.some(function (cls) {
|
|
14357
|
+
return typeof cls === 'string' && cls.includes('mention');
|
|
14358
|
+
})) {
|
|
14359
|
+
return true;
|
|
14360
|
+
}
|
|
14361
|
+
}
|
|
14362
|
+
return false;
|
|
14363
|
+
};
|
|
14364
|
+
var _getNodeTextLength = function getNodeTextLength(node) {
|
|
14365
|
+
if (!node) return 0;
|
|
14366
|
+
if (typeof node === 'string') return node.length;
|
|
14367
|
+
if (typeof node === 'number') return String(node).length;
|
|
14368
|
+
if (Array.isArray(node)) {
|
|
14369
|
+
return node.reduce(function (sum, child) {
|
|
14370
|
+
return sum + _getNodeTextLength(child);
|
|
14371
|
+
}, 0);
|
|
14372
|
+
}
|
|
14373
|
+
if (node.props && node.props.children) {
|
|
14374
|
+
return _getNodeTextLength(node.props.children);
|
|
14375
|
+
}
|
|
14376
|
+
return 0;
|
|
14377
|
+
};
|
|
14378
|
+
var _truncateNodeText3 = function truncateNodeText(node, maxLength) {
|
|
14379
|
+
if (!node) return {
|
|
14380
|
+
node: node,
|
|
14381
|
+
usedLength: 0
|
|
14382
|
+
};
|
|
14383
|
+
if (typeof node === 'string') {
|
|
14384
|
+
if (node.length > maxLength) {
|
|
14385
|
+
return {
|
|
14386
|
+
node: node.slice(0, maxLength),
|
|
14387
|
+
usedLength: maxLength
|
|
14388
|
+
};
|
|
14389
|
+
}
|
|
14390
|
+
return {
|
|
14391
|
+
node: node,
|
|
14392
|
+
usedLength: node.length
|
|
14393
|
+
};
|
|
14394
|
+
}
|
|
14395
|
+
if (typeof node === 'number') {
|
|
14396
|
+
var str = String(node);
|
|
14397
|
+
if (str.length > maxLength) {
|
|
14398
|
+
return {
|
|
14399
|
+
node: str.slice(0, maxLength),
|
|
14400
|
+
usedLength: maxLength
|
|
14401
|
+
};
|
|
14402
|
+
}
|
|
14403
|
+
return {
|
|
14404
|
+
node: node,
|
|
14405
|
+
usedLength: str.length
|
|
14406
|
+
};
|
|
14407
|
+
}
|
|
14408
|
+
if (Array.isArray(node)) {
|
|
14409
|
+
var result = [];
|
|
14410
|
+
var remaining = maxLength;
|
|
14411
|
+
for (var _iterator = _createForOfIteratorHelperLoose(node), _step; !(_step = _iterator()).done;) {
|
|
14412
|
+
var child = _step.value;
|
|
14413
|
+
if (remaining <= 0) break;
|
|
14414
|
+
var _truncateNodeText = _truncateNodeText3(child, remaining),
|
|
14415
|
+
truncatedChild = _truncateNodeText.node,
|
|
14416
|
+
usedLength = _truncateNodeText.usedLength;
|
|
14417
|
+
result.push(truncatedChild);
|
|
14418
|
+
remaining -= usedLength;
|
|
14419
|
+
}
|
|
14420
|
+
return {
|
|
14421
|
+
node: result,
|
|
14422
|
+
usedLength: maxLength - remaining
|
|
14423
|
+
};
|
|
14424
|
+
}
|
|
14425
|
+
if (node.props && node.props.children !== undefined) {
|
|
14426
|
+
var _truncateNodeText2 = _truncateNodeText3(node.props.children, maxLength),
|
|
14427
|
+
truncatedChildren = _truncateNodeText2.node,
|
|
14428
|
+
_usedLength = _truncateNodeText2.usedLength;
|
|
14429
|
+
return {
|
|
14430
|
+
node: _extends({}, node, {
|
|
14431
|
+
props: _extends({}, node.props, {
|
|
14432
|
+
children: truncatedChildren
|
|
14433
|
+
})
|
|
14434
|
+
}),
|
|
14435
|
+
usedLength: _usedLength
|
|
14436
|
+
};
|
|
14437
|
+
}
|
|
14438
|
+
return {
|
|
14439
|
+
node: node,
|
|
14440
|
+
usedLength: 0
|
|
14441
|
+
};
|
|
14442
|
+
};
|
|
14443
|
+
var trimReactMessage = function trimReactMessage(parts, limit) {
|
|
14444
|
+
if (typeof limit !== 'number' || limit < 0) {
|
|
14445
|
+
return {
|
|
14446
|
+
result: parts,
|
|
14447
|
+
truncated: false
|
|
14448
|
+
};
|
|
14449
|
+
}
|
|
14450
|
+
if (typeof parts === 'string') {
|
|
14451
|
+
if (parts.length > limit) {
|
|
14452
|
+
return {
|
|
14453
|
+
result: parts.slice(0, limit) + '...',
|
|
14454
|
+
truncated: true
|
|
14455
|
+
};
|
|
14456
|
+
}
|
|
14457
|
+
return {
|
|
14458
|
+
result: parts,
|
|
14459
|
+
truncated: false
|
|
14460
|
+
};
|
|
14461
|
+
}
|
|
14462
|
+
var remaining = limit;
|
|
14463
|
+
var truncated = false;
|
|
14464
|
+
var result = [];
|
|
14465
|
+
for (var _iterator2 = _createForOfIteratorHelperLoose(parts), _step2; !(_step2 = _iterator2()).done;) {
|
|
14466
|
+
var part = _step2.value;
|
|
14467
|
+
if (typeof part === 'string') {
|
|
14468
|
+
if (remaining <= 0) {
|
|
14469
|
+
truncated = true;
|
|
14470
|
+
break;
|
|
14471
|
+
}
|
|
14472
|
+
if (part.length > remaining) {
|
|
14473
|
+
result.push(part.slice(0, remaining));
|
|
14474
|
+
remaining = 0;
|
|
14475
|
+
truncated = true;
|
|
14476
|
+
break;
|
|
14477
|
+
} else {
|
|
14478
|
+
result.push(part);
|
|
14479
|
+
remaining -= part.length;
|
|
14480
|
+
}
|
|
14481
|
+
} else if (part && typeof part === 'object') {
|
|
14482
|
+
if (isMentionNode(part)) {
|
|
14483
|
+
var nodeTextLength = _getNodeTextLength(part);
|
|
14484
|
+
if (nodeTextLength <= remaining) {
|
|
14485
|
+
result.push(part);
|
|
14486
|
+
remaining -= nodeTextLength;
|
|
14487
|
+
} else {
|
|
14488
|
+
truncated = true;
|
|
14489
|
+
break;
|
|
14490
|
+
}
|
|
14491
|
+
} else {
|
|
14492
|
+
if (remaining <= 0) {
|
|
14493
|
+
truncated = true;
|
|
14494
|
+
break;
|
|
14495
|
+
}
|
|
14496
|
+
var _nodeTextLength = _getNodeTextLength(part);
|
|
14497
|
+
if (_nodeTextLength > remaining) {
|
|
14498
|
+
var _truncateNodeText4 = _truncateNodeText3(part, remaining),
|
|
14499
|
+
truncatedNode = _truncateNodeText4.node;
|
|
14500
|
+
result.push(truncatedNode);
|
|
14501
|
+
remaining = 0;
|
|
14502
|
+
truncated = true;
|
|
14503
|
+
break;
|
|
14504
|
+
} else {
|
|
14505
|
+
result.push(part);
|
|
14506
|
+
remaining -= _nodeTextLength;
|
|
14507
|
+
}
|
|
14508
|
+
}
|
|
14509
|
+
}
|
|
14510
|
+
}
|
|
14511
|
+
return {
|
|
14512
|
+
result: result,
|
|
14513
|
+
truncated: truncated
|
|
14514
|
+
};
|
|
14515
|
+
};
|
|
14318
14516
|
|
|
14319
14517
|
var _marked = /*#__PURE__*/_regenerator().m(updateActiveChannelMembersAdd),
|
|
14320
14518
|
_marked2 = /*#__PURE__*/_regenerator().m(updateActiveChannelMembersRemove);
|
|
@@ -19624,7 +19822,7 @@ function sendMessage(action) {
|
|
|
19624
19822
|
messagesToSend.push(messageToSend);
|
|
19625
19823
|
case 12:
|
|
19626
19824
|
_loop2 = /*#__PURE__*/_regenerator().m(function _callee3() {
|
|
19627
|
-
var messageAttachment, messageToSend, messageCopy, _attachmentsToSend, linkAttachmentToSend, linkAttachmentBuilder, messageResponse, k, pendingAttachment, attachmentsToUpdate, currentAttachmentsMap, messageUpdateData, stringifiedMessageUpdateData, activeChannelId, channelUpdateParam, isErrorResendable, _t;
|
|
19825
|
+
var messageAttachment, messageToSend, messageCopy, _attachmentsToSend, linkAttachmentToSend, linkAttachmentBuilder, messageResponse, k, pendingAttachment, attachmentsToUpdate, currentAttachmentsMap, messageUpdateData, stringifiedMessageUpdateData, activeChannelId, messageToUpdate, channelUpdateParam, isErrorResendable, _t;
|
|
19628
19826
|
return _regenerator().w(function (_context3) {
|
|
19629
19827
|
while (1) switch (_context3.p = _context3.n) {
|
|
19630
19828
|
case 0:
|
|
@@ -19726,7 +19924,7 @@ function sendMessage(action) {
|
|
|
19726
19924
|
createdAt: messageResponse.createdAt,
|
|
19727
19925
|
channelId: channel.id
|
|
19728
19926
|
};
|
|
19729
|
-
stringifiedMessageUpdateData = JSON.parse(JSON.stringify(
|
|
19927
|
+
stringifiedMessageUpdateData = JSON.parse(JSON.stringify(messageResponse));
|
|
19730
19928
|
activeChannelId = getActiveChannelId();
|
|
19731
19929
|
if (!(activeChannelId === channel.id)) {
|
|
19732
19930
|
_context3.n = 9;
|
|
@@ -19738,11 +19936,12 @@ function sendMessage(action) {
|
|
|
19738
19936
|
_context3.n = 10;
|
|
19739
19937
|
return put(removePendingMessageAC(channel.id, messageToSend.tid));
|
|
19740
19938
|
case 10:
|
|
19741
|
-
addMessageToMap(channel.id, stringifiedMessageUpdateData);
|
|
19742
19939
|
updateMessageOnAllMessages(messageToSend.tid, messageUpdateData);
|
|
19743
|
-
|
|
19940
|
+
messageToUpdate = JSON.parse(JSON.stringify(messageResponse));
|
|
19941
|
+
addMessageToMap(channel.id, messageToUpdate);
|
|
19942
|
+
updateChannelLastMessageOnAllChannels(channel.id, messageToUpdate);
|
|
19744
19943
|
channelUpdateParam = {
|
|
19745
|
-
lastMessage:
|
|
19944
|
+
lastMessage: messageToUpdate,
|
|
19746
19945
|
lastReactedMessage: null
|
|
19747
19946
|
};
|
|
19748
19947
|
if (!channel.unread) {
|
|
@@ -23645,6 +23844,24 @@ var useColors = function useColors() {
|
|
|
23645
23844
|
}, [theme.colors, currentThemeMode]);
|
|
23646
23845
|
};
|
|
23647
23846
|
|
|
23847
|
+
function useUpdatedUser(user) {
|
|
23848
|
+
var dispatch = useDispatch();
|
|
23849
|
+
var usersMap = useSelector(usersMapSelector);
|
|
23850
|
+
useEffect(function () {
|
|
23851
|
+
if (user !== null && user !== void 0 && user.id && !usersMap[user.id]) {
|
|
23852
|
+
var _updateUserStatusOnMa;
|
|
23853
|
+
setUserToMap(user);
|
|
23854
|
+
dispatch(updateUserStatusOnMapAC((_updateUserStatusOnMa = {}, _updateUserStatusOnMa[user.id] = user, _updateUserStatusOnMa)));
|
|
23855
|
+
}
|
|
23856
|
+
}, [user === null || user === void 0 ? void 0 : user.id]);
|
|
23857
|
+
return useMemo(function () {
|
|
23858
|
+
if (!(user !== null && user !== void 0 && user.id)) {
|
|
23859
|
+
return user;
|
|
23860
|
+
}
|
|
23861
|
+
return usersMap[user.id] || user;
|
|
23862
|
+
}, [user, usersMap]);
|
|
23863
|
+
}
|
|
23864
|
+
|
|
23648
23865
|
function setThemeAC(theme) {
|
|
23649
23866
|
return {
|
|
23650
23867
|
type: SET_THEME,
|
|
@@ -25817,30 +26034,43 @@ var Title$1 = styled.h4(_templateObject4$6 || (_templateObject4$6 = _taggedTempl
|
|
|
25817
26034
|
});
|
|
25818
26035
|
|
|
25819
26036
|
var _templateObject$b, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2;
|
|
25820
|
-
var
|
|
25821
|
-
var
|
|
25822
|
-
|
|
25823
|
-
actionType = _ref.actionType,
|
|
25824
|
-
getSelectedUsers = _ref.getSelectedUsers,
|
|
25825
|
-
memberIds = _ref.memberIds,
|
|
25826
|
-
creatChannelSelectedMembers = _ref.creatChannelSelectedMembers,
|
|
25827
|
-
popupHeight = _ref.popupHeight,
|
|
25828
|
-
selectIsRequired = _ref.selectIsRequired,
|
|
25829
|
-
popupWidth = _ref.popupWidth,
|
|
25830
|
-
handleOpenInviteModal = _ref.handleOpenInviteModal;
|
|
26037
|
+
var UserItem = function UserItem(_ref) {
|
|
26038
|
+
var user = _ref.user,
|
|
26039
|
+
memberDisplayName = _ref.memberDisplayName;
|
|
25831
26040
|
var _useColor = useColors(),
|
|
25832
|
-
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
25833
|
-
surface1Background = _useColor[THEME_COLORS.SURFACE_1],
|
|
25834
26041
|
textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
|
|
25835
|
-
textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY]
|
|
25836
|
-
|
|
25837
|
-
|
|
25838
|
-
|
|
25839
|
-
|
|
25840
|
-
|
|
25841
|
-
|
|
25842
|
-
|
|
25843
|
-
|
|
26042
|
+
textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY];
|
|
26043
|
+
var userUpdated = useUpdatedUser(user);
|
|
26044
|
+
return /*#__PURE__*/React__default.createElement(UserNamePresence, null, /*#__PURE__*/React__default.createElement(MemberName, {
|
|
26045
|
+
color: textPrimary
|
|
26046
|
+
}, memberDisplayName), /*#__PURE__*/React__default.createElement(SubTitle, {
|
|
26047
|
+
color: textSecondary
|
|
26048
|
+
}, userUpdated.presence && userUpdated.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : userUpdated.presence && userUpdated.presence.lastActiveAt && userLastActiveDateFormat(userUpdated.presence.lastActiveAt)));
|
|
26049
|
+
};
|
|
26050
|
+
var UsersPopup = function UsersPopup(_ref2) {
|
|
26051
|
+
var channel = _ref2.channel,
|
|
26052
|
+
toggleCreatePopup = _ref2.toggleCreatePopup,
|
|
26053
|
+
actionType = _ref2.actionType,
|
|
26054
|
+
getSelectedUsers = _ref2.getSelectedUsers,
|
|
26055
|
+
memberIds = _ref2.memberIds,
|
|
26056
|
+
creatChannelSelectedMembers = _ref2.creatChannelSelectedMembers,
|
|
26057
|
+
popupHeight = _ref2.popupHeight,
|
|
26058
|
+
selectIsRequired = _ref2.selectIsRequired,
|
|
26059
|
+
popupWidth = _ref2.popupWidth,
|
|
26060
|
+
handleOpenInviteModal = _ref2.handleOpenInviteModal;
|
|
26061
|
+
var _useColor2 = useColors(),
|
|
26062
|
+
accentColor = _useColor2[THEME_COLORS.ACCENT],
|
|
26063
|
+
surface1Background = _useColor2[THEME_COLORS.SURFACE_1],
|
|
26064
|
+
textPrimary = _useColor2[THEME_COLORS.TEXT_PRIMARY],
|
|
26065
|
+
textSecondary = _useColor2[THEME_COLORS.TEXT_SECONDARY],
|
|
26066
|
+
iconInactive = _useColor2[THEME_COLORS.ICON_INACTIVE],
|
|
26067
|
+
backgroundHovered = _useColor2[THEME_COLORS.BACKGROUND_HOVERED],
|
|
26068
|
+
background = _useColor2[THEME_COLORS.BACKGROUND],
|
|
26069
|
+
border = _useColor2[THEME_COLORS.BORDER],
|
|
26070
|
+
textFootnote = _useColor2[THEME_COLORS.TEXT_FOOTNOTE],
|
|
26071
|
+
surface1 = _useColor2[THEME_COLORS.SURFACE_1],
|
|
26072
|
+
textOnPrimary = _useColor2[THEME_COLORS.TEXT_ON_PRIMARY],
|
|
26073
|
+
surface2 = _useColor2[THEME_COLORS.SURFACE_2];
|
|
25844
26074
|
var dispatch = useDispatch();
|
|
25845
26075
|
var ChatClient = getClient();
|
|
25846
26076
|
var selfUser = ChatClient.user;
|
|
@@ -26115,11 +26345,10 @@ var UsersPopup = function UsersPopup(_ref) {
|
|
|
26115
26345
|
size: 40,
|
|
26116
26346
|
textSize: 16,
|
|
26117
26347
|
setDefaultAvatar: true
|
|
26118
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
26119
|
-
|
|
26120
|
-
|
|
26121
|
-
|
|
26122
|
-
}, user.presence && user.presence.state === USER_PRESENCE_STATUS.ONLINE ? 'Online' : user.presence && user.presence.lastActiveAt && userLastActiveDateFormat(user.presence.lastActiveAt))), actionType !== 'createChat' && (/*#__PURE__*/React__default.createElement(CustomCheckbox, {
|
|
26348
|
+
}), /*#__PURE__*/React__default.createElement(UserItem, {
|
|
26349
|
+
user: user,
|
|
26350
|
+
memberDisplayName: memberDisplayName
|
|
26351
|
+
}), actionType !== 'createChat' && (/*#__PURE__*/React__default.createElement(CustomCheckbox, {
|
|
26123
26352
|
index: user.id,
|
|
26124
26353
|
state: isSelected,
|
|
26125
26354
|
backgroundColor: 'transparent',
|
|
@@ -28986,23 +29215,35 @@ var Progress = styled.input(_templateObject0$5 || (_templateObject0$5 = _taggedT
|
|
|
28986
29215
|
var FullScreenWrapper = styled.div(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-left: 16px;\n cursor: pointer;\n @media (max-width: 768px) {\n margin-left: 12px;\n & > svg {\n width: 18px;\n height: 18px;\n }\n }\n @media (max-width: 480px) {\n margin-left: auto;\n & > svg {\n width: 16px;\n height: 16px;\n }\n }\n"])));
|
|
28987
29216
|
|
|
28988
29217
|
var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$4;
|
|
28989
|
-
function
|
|
28990
|
-
var
|
|
28991
|
-
|
|
28992
|
-
|
|
28993
|
-
handleForward = _ref.handleForward,
|
|
28994
|
-
loading = _ref.loading;
|
|
29218
|
+
var ChannelMembersItem = function ChannelMembersItem(_ref) {
|
|
29219
|
+
var channel = _ref.channel,
|
|
29220
|
+
directChannelUser = _ref.directChannelUser,
|
|
29221
|
+
isDirectChannel = _ref.isDirectChannel;
|
|
28995
29222
|
var _useColor = useColors(),
|
|
28996
|
-
|
|
28997
|
-
|
|
28998
|
-
|
|
28999
|
-
|
|
29000
|
-
|
|
29001
|
-
|
|
29002
|
-
|
|
29003
|
-
|
|
29004
|
-
|
|
29005
|
-
|
|
29223
|
+
textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY];
|
|
29224
|
+
var updatedUser = useUpdatedUser(directChannelUser);
|
|
29225
|
+
var directChannelUserUpdated = isDirectChannel ? updatedUser : directChannelUser;
|
|
29226
|
+
return /*#__PURE__*/React__default.createElement(ChannelMembers, {
|
|
29227
|
+
color: textSecondary
|
|
29228
|
+
}, isDirectChannel && directChannelUserUpdated ? (hideUserPresence && hideUserPresence(directChannelUserUpdated) ? '' : directChannelUserUpdated.presence && directChannelUserUpdated.presence.state === USER_PRESENCE_STATUS.ONLINE) ? 'Online' : directChannelUserUpdated && directChannelUserUpdated.presence && directChannelUserUpdated.presence.lastActiveAt && userLastActiveDateFormat(directChannelUserUpdated.presence.lastActiveAt) : (channel === null || channel === void 0 ? void 0 : channel.memberCount) + " " + (channel.type === DEFAULT_CHANNEL_TYPE.BROADCAST || channel.type === DEFAULT_CHANNEL_TYPE.PUBLIC ? (channel === null || channel === void 0 ? void 0 : channel.memberCount) > 1 ? 'subscribers' : 'subscriber' : (channel === null || channel === void 0 ? void 0 : channel.memberCount) > 1 ? 'members' : 'member') + " ");
|
|
29229
|
+
};
|
|
29230
|
+
function ForwardMessagePopup(_ref2) {
|
|
29231
|
+
var title = _ref2.title,
|
|
29232
|
+
buttonText = _ref2.buttonText,
|
|
29233
|
+
togglePopup = _ref2.togglePopup,
|
|
29234
|
+
handleForward = _ref2.handleForward,
|
|
29235
|
+
loading = _ref2.loading;
|
|
29236
|
+
var _useColor2 = useColors(),
|
|
29237
|
+
accentColor = _useColor2[THEME_COLORS.ACCENT],
|
|
29238
|
+
textPrimary = _useColor2[THEME_COLORS.TEXT_PRIMARY],
|
|
29239
|
+
surface1 = _useColor2[THEME_COLORS.SURFACE_1],
|
|
29240
|
+
textSecondary = _useColor2[THEME_COLORS.TEXT_SECONDARY],
|
|
29241
|
+
background = _useColor2[THEME_COLORS.BACKGROUND],
|
|
29242
|
+
iconInactive = _useColor2[THEME_COLORS.ICON_INACTIVE],
|
|
29243
|
+
textOnPrimary = _useColor2[THEME_COLORS.TEXT_ON_PRIMARY],
|
|
29244
|
+
iconPrimary = _useColor2[THEME_COLORS.ICON_PRIMARY],
|
|
29245
|
+
backgroundHovered = _useColor2[THEME_COLORS.BACKGROUND_HOVERED],
|
|
29246
|
+
surface2 = _useColor2[THEME_COLORS.SURFACE_2];
|
|
29006
29247
|
var ChatClient = getClient();
|
|
29007
29248
|
var user = ChatClient.user;
|
|
29008
29249
|
var dispatch = useDispatch();
|
|
@@ -29195,9 +29436,11 @@ function ForwardMessagePopup(_ref) {
|
|
|
29195
29436
|
setDefaultAvatar: isDirectChannel
|
|
29196
29437
|
}), /*#__PURE__*/React__default.createElement(ChannelInfo$3, null, /*#__PURE__*/React__default.createElement(ChannelTitle, {
|
|
29197
29438
|
color: textPrimary
|
|
29198
|
-
}, isDirectChannel ? isSelfChannel ? 'Me' : directChannelUser ? makeUsername(contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : 'Deleted User' : channel.subject), /*#__PURE__*/React__default.createElement(
|
|
29199
|
-
|
|
29200
|
-
|
|
29439
|
+
}, isDirectChannel ? isSelfChannel ? 'Me' : directChannelUser ? makeUsername(contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : 'Deleted User' : channel.subject), /*#__PURE__*/React__default.createElement(ChannelMembersItem, {
|
|
29440
|
+
channel: channel,
|
|
29441
|
+
directChannelUser: directChannelUser,
|
|
29442
|
+
isDirectChannel: isDirectChannel
|
|
29443
|
+
})), /*#__PURE__*/React__default.createElement(CustomCheckbox, {
|
|
29201
29444
|
borderColor: iconInactive,
|
|
29202
29445
|
index: channel.id,
|
|
29203
29446
|
disabled: selectedChannels.length >= 5 && !isSelected,
|
|
@@ -29215,6 +29458,11 @@ function ForwardMessagePopup(_ref) {
|
|
|
29215
29458
|
var isSelected = selectedChannels.findIndex(function (chan) {
|
|
29216
29459
|
return chan.id === channel.id;
|
|
29217
29460
|
}) >= 0;
|
|
29461
|
+
var isDirectChannel = channel.type === DEFAULT_CHANNEL_TYPE.DIRECT;
|
|
29462
|
+
var isSelfChannel = isDirectChannel && channel.memberCount === 1 && channel.members.length > 0 && channel.members[0].id === user.id;
|
|
29463
|
+
var directChannelUser = isDirectChannel && isSelfChannel ? user : channel.members.find(function (member) {
|
|
29464
|
+
return member.id !== user.id;
|
|
29465
|
+
});
|
|
29218
29466
|
return /*#__PURE__*/React__default.createElement(ChannelItem, {
|
|
29219
29467
|
key: channel.id,
|
|
29220
29468
|
onClick: function onClick() {
|
|
@@ -29230,9 +29478,11 @@ function ForwardMessagePopup(_ref) {
|
|
|
29230
29478
|
setDefaultAvatar: false
|
|
29231
29479
|
}), /*#__PURE__*/React__default.createElement(ChannelInfo$3, null, /*#__PURE__*/React__default.createElement(ChannelTitle, {
|
|
29232
29480
|
color: textPrimary
|
|
29233
|
-
}, channel.subject), /*#__PURE__*/React__default.createElement(
|
|
29234
|
-
|
|
29235
|
-
|
|
29481
|
+
}, channel.subject), /*#__PURE__*/React__default.createElement(ChannelMembersItem, {
|
|
29482
|
+
channel: channel,
|
|
29483
|
+
directChannelUser: directChannelUser,
|
|
29484
|
+
isDirectChannel: isDirectChannel
|
|
29485
|
+
})), /*#__PURE__*/React__default.createElement(CustomCheckbox, {
|
|
29236
29486
|
borderColor: iconInactive,
|
|
29237
29487
|
index: channel.id,
|
|
29238
29488
|
disabled: selectedChannels.length >= 5 && !isSelected,
|
|
@@ -29270,9 +29520,11 @@ function ForwardMessagePopup(_ref) {
|
|
|
29270
29520
|
setDefaultAvatar: isDirectChannel
|
|
29271
29521
|
}), /*#__PURE__*/React__default.createElement(ChannelInfo$3, null, /*#__PURE__*/React__default.createElement(ChannelTitle, {
|
|
29272
29522
|
color: textPrimary
|
|
29273
|
-
}, channel.subject || (isDirectChannel && isSelfChannel ? 'Me' : directChannelUser ? makeUsername(contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : '')), /*#__PURE__*/React__default.createElement(
|
|
29274
|
-
|
|
29275
|
-
|
|
29523
|
+
}, channel.subject || (isDirectChannel && isSelfChannel ? 'Me' : directChannelUser ? makeUsername(contactsMap[directChannelUser.id], directChannelUser, getFromContacts) : '')), /*#__PURE__*/React__default.createElement(ChannelMembersItem, {
|
|
29524
|
+
channel: channel,
|
|
29525
|
+
directChannelUser: directChannelUser,
|
|
29526
|
+
isDirectChannel: isDirectChannel
|
|
29527
|
+
})), /*#__PURE__*/React__default.createElement(CustomCheckbox, {
|
|
29276
29528
|
borderColor: iconInactive,
|
|
29277
29529
|
index: channel.id,
|
|
29278
29530
|
disabled: selectedChannels.length >= 5 && !isSelected,
|
|
@@ -36446,7 +36698,7 @@ var OGTextWrapper = styled.div(_templateObject9$e || (_templateObject9$e = _tagg
|
|
|
36446
36698
|
var FaviconContainer = styled.div(_templateObject0$d || (_templateObject0$d = _taggedTemplateLiteralLoose(["\n width: 52px;\n height: 52px;\n border-radius: 8px;\n overflow: hidden;\n margin: 8px;\n flex: 0 0 52px;\n"])));
|
|
36447
36699
|
var FaviconImg = styled.img(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
36448
36700
|
|
|
36449
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
36701
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$k, _templateObject7$j;
|
|
36450
36702
|
var MessageBody = function MessageBody(_ref) {
|
|
36451
36703
|
var message = _ref.message,
|
|
36452
36704
|
channel = _ref.channel,
|
|
@@ -36595,7 +36847,8 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36595
36847
|
shouldOpenUserProfileForMention = _ref.shouldOpenUserProfileForMention,
|
|
36596
36848
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
36597
36849
|
unsupportedMessage = _ref.unsupportedMessage,
|
|
36598
|
-
onInviteLinkClick = _ref.onInviteLinkClick
|
|
36850
|
+
onInviteLinkClick = _ref.onInviteLinkClick,
|
|
36851
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
36599
36852
|
var _useColor = useColors(),
|
|
36600
36853
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
36601
36854
|
textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
|
|
@@ -36610,6 +36863,61 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36610
36863
|
var user = ChatClient.user;
|
|
36611
36864
|
var getFromContacts = getShowOnlyContactUsers();
|
|
36612
36865
|
var messageUserID = message.user ? message.user.id : 'deleted';
|
|
36866
|
+
var _useState = useState(false),
|
|
36867
|
+
isExpanded = _useState[0],
|
|
36868
|
+
setIsExpanded = _useState[1];
|
|
36869
|
+
var textContainerRef = useRef(null);
|
|
36870
|
+
var _useState2 = useState('auto'),
|
|
36871
|
+
textHeight = _useState2[0],
|
|
36872
|
+
setTextHeight = _useState2[1];
|
|
36873
|
+
var messageText = useMemo(function () {
|
|
36874
|
+
return MessageTextFormat({
|
|
36875
|
+
text: message.body,
|
|
36876
|
+
message: message,
|
|
36877
|
+
contactsMap: contactsMap,
|
|
36878
|
+
getFromContacts: getFromContacts,
|
|
36879
|
+
accentColor: accentColor,
|
|
36880
|
+
textSecondary: textSecondary,
|
|
36881
|
+
onMentionNameClick: handleOpenUserProfile,
|
|
36882
|
+
shouldOpenUserProfileForMention: !!shouldOpenUserProfileForMention,
|
|
36883
|
+
unsupportedMessage: unsupportedMessage,
|
|
36884
|
+
target: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.target,
|
|
36885
|
+
isInviteLink: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.isInviteLink) || false,
|
|
36886
|
+
onInviteLinkClick: onInviteLinkClick
|
|
36887
|
+
});
|
|
36888
|
+
}, [message, contactsMap, getFromContacts, accentColor, textSecondary, shouldOpenUserProfileForMention, unsupportedMessage, ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.target, ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.isInviteLink, onInviteLinkClick]);
|
|
36889
|
+
var messageTextTrimmed = useMemo(function () {
|
|
36890
|
+
if (!message.body) return {
|
|
36891
|
+
result: messageText,
|
|
36892
|
+
truncated: false
|
|
36893
|
+
};
|
|
36894
|
+
if (isExpanded) return {
|
|
36895
|
+
result: messageText,
|
|
36896
|
+
truncated: false
|
|
36897
|
+
};
|
|
36898
|
+
return trimReactMessage(messageText, collapsedCharacterLimit);
|
|
36899
|
+
}, [message.body, messageText, isExpanded, collapsedCharacterLimit]);
|
|
36900
|
+
useEffect(function () {
|
|
36901
|
+
if (textContainerRef.current && typeof collapsedCharacterLimit === 'number' && collapsedCharacterLimit >= 0) {
|
|
36902
|
+
if (messageTextTrimmed.truncated && !isExpanded) {
|
|
36903
|
+
requestAnimationFrame(function () {
|
|
36904
|
+
if (textContainerRef.current) {
|
|
36905
|
+
var height = textContainerRef.current.scrollHeight;
|
|
36906
|
+
setTextHeight(height);
|
|
36907
|
+
}
|
|
36908
|
+
});
|
|
36909
|
+
} else if (isExpanded) {
|
|
36910
|
+
requestAnimationFrame(function () {
|
|
36911
|
+
if (textContainerRef.current) {
|
|
36912
|
+
var fullHeight = textContainerRef.current.scrollHeight;
|
|
36913
|
+
setTextHeight(fullHeight);
|
|
36914
|
+
}
|
|
36915
|
+
});
|
|
36916
|
+
} else if (!messageTextTrimmed.truncated && textHeight !== 'auto') {
|
|
36917
|
+
setTextHeight('auto');
|
|
36918
|
+
}
|
|
36919
|
+
}
|
|
36920
|
+
}, [isExpanded, messageTextTrimmed.truncated, textHeight, collapsedCharacterLimit]);
|
|
36613
36921
|
var prevMessageUserID = useMemo(function () {
|
|
36614
36922
|
return prevMessage ? prevMessage.user ? prevMessage.user.id : 'deleted' : null;
|
|
36615
36923
|
}, [prevMessage]);
|
|
@@ -36907,22 +37215,17 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36907
37215
|
ogContainerShowBackground: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogContainerShowBackground,
|
|
36908
37216
|
ogContainerBackground: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogContainerBackground,
|
|
36909
37217
|
infoPadding: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.infoPadding
|
|
36910
|
-
})), message.type !== MESSAGE_TYPE.POLL && (/*#__PURE__*/React__default.createElement(
|
|
37218
|
+
})), message.type !== MESSAGE_TYPE.POLL && (/*#__PURE__*/React__default.createElement(TextContentContainer, {
|
|
37219
|
+
ref: textContainerRef,
|
|
37220
|
+
textHeight: textHeight
|
|
37221
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
36911
37222
|
ref: messageTextRef
|
|
36912
|
-
},
|
|
36913
|
-
|
|
36914
|
-
|
|
36915
|
-
|
|
36916
|
-
|
|
36917
|
-
|
|
36918
|
-
textSecondary: textSecondary,
|
|
36919
|
-
onMentionNameClick: handleOpenUserProfile,
|
|
36920
|
-
shouldOpenUserProfileForMention: !!shouldOpenUserProfileForMention,
|
|
36921
|
-
unsupportedMessage: unsupportedMessage,
|
|
36922
|
-
target: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.target,
|
|
36923
|
-
isInviteLink: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.isInviteLink) || false,
|
|
36924
|
-
onInviteLinkClick: onInviteLinkClick
|
|
36925
|
-
}))), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
|
|
37223
|
+
}, messageTextTrimmed === null || messageTextTrimmed === void 0 ? void 0 : messageTextTrimmed.result, messageTextTrimmed !== null && messageTextTrimmed !== void 0 && messageTextTrimmed.truncated && !isExpanded ? '...' : ''), messageTextTrimmed.truncated && !isExpanded && (/*#__PURE__*/React__default.createElement(ReadMoreLink, {
|
|
37224
|
+
onClick: function onClick() {
|
|
37225
|
+
return setIsExpanded(true);
|
|
37226
|
+
},
|
|
37227
|
+
accentColor: accentColor
|
|
37228
|
+
}, "Read more")))), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
|
|
36926
37229
|
color: textSecondary
|
|
36927
37230
|
}, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
|
|
36928
37231
|
maxWidth: ogMetadataContainerWidth,
|
|
@@ -37040,7 +37343,7 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
37040
37343
|
};
|
|
37041
37344
|
var MessageBody$1 = /*#__PURE__*/React__default.memo(MessageBody, function (prevProps, nextProps) {
|
|
37042
37345
|
var _prevProps$ogMetadata, _nextProps$ogMetadata, _prevProps$ogMetadata2, _nextProps$ogMetadata2, _prevProps$ogMetadata3, _nextProps$ogMetadata3, _prevProps$ogMetadata4, _nextProps$ogMetadata4, _prevProps$ogMetadata5, _nextProps$ogMetadata5, _prevProps$ogMetadata6, _nextProps$ogMetadata6;
|
|
37043
|
-
return !!(prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.prevMessage === nextProps.prevMessage && prevProps.nextMessage === nextProps.nextMessage && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.contactsMap === nextProps.contactsMap && prevProps.connectionStatus === nextProps.connectionStatus && prevProps.openedMessageMenuId === nextProps.openedMessageMenuId && prevProps.ownMessageOnRightSide === nextProps.ownMessageOnRightSide && prevProps.showSenderNameOnDirectChannel === nextProps.showSenderNameOnDirectChannel && prevProps.showSenderNameOnGroupChannel === nextProps.showSenderNameOnGroupChannel && prevProps.showSenderNameOnOwnMessages === nextProps.showSenderNameOnOwnMessages && prevProps.messageStatusAndTimePosition === nextProps.messageStatusAndTimePosition && prevProps.messageStatusDisplayingType === nextProps.messageStatusDisplayingType && prevProps.outgoingMessageStyles === nextProps.outgoingMessageStyles && prevProps.incomingMessageStyles === nextProps.incomingMessageStyles && prevProps.ownRepliedMessageBackground === nextProps.ownRepliedMessageBackground && prevProps.incomingRepliedMessageBackground === nextProps.incomingRepliedMessageBackground && prevProps.showMessageStatus === nextProps.showMessageStatus && prevProps.showMessageTimeAndStatusOnlyOnHover === nextProps.showMessageTimeAndStatusOnlyOnHover && prevProps.showMessageTime === nextProps.showMessageTime && prevProps.showMessageStatusForEachMessage === nextProps.showMessageStatusForEachMessage && prevProps.showMessageTimeForEachMessage === nextProps.showMessageTimeForEachMessage && prevProps.messageReaction === nextProps.messageReaction && prevProps.editMessage === nextProps.editMessage && prevProps.copyMessage === nextProps.copyMessage && prevProps.replyMessage === nextProps.replyMessage && prevProps.replyMessageInThread === nextProps.replyMessageInThread && prevProps.forwardMessage === nextProps.forwardMessage && prevProps.deleteMessage === nextProps.deleteMessage && prevProps.selectMessage === nextProps.selectMessage && prevProps.allowEditDeleteIncomingMessage === nextProps.allowEditDeleteIncomingMessage && prevProps.reportMessage === nextProps.reportMessage && prevProps.reactionIcon === nextProps.reactionIcon && prevProps.editIcon === nextProps.editIcon && prevProps.copyIcon === nextProps.copyIcon && prevProps.replyIcon === nextProps.replyIcon && prevProps.replyInThreadIcon === nextProps.replyInThreadIcon && prevProps.forwardIcon === nextProps.forwardIcon && prevProps.deleteIcon === nextProps.deleteIcon && prevProps.selectIcon === nextProps.selectIcon && prevProps.starIcon === nextProps.starIcon && prevProps.staredIcon === nextProps.staredIcon && prevProps.reportIcon === nextProps.reportIcon && prevProps.fixEmojiCategoriesTitleOnTop === nextProps.fixEmojiCategoriesTitleOnTop && prevProps.emojisCategoryIconsPosition === nextProps.emojisCategoryIconsPosition && prevProps.emojisContainerBorderRadius === nextProps.emojisContainerBorderRadius && prevProps.reactionIconOrder === nextProps.reactionIconOrder && prevProps.editIconOrder === nextProps.editIconOrder && prevProps.copyIconOrder === nextProps.copyIconOrder && prevProps.replyIconOrder === nextProps.replyIconOrder && prevProps.replyInThreadIconOrder === nextProps.replyInThreadIconOrder && prevProps.forwardIconOrder === nextProps.forwardIconOrder && prevProps.deleteIconOrder === nextProps.deleteIconOrder && prevProps.selectIconOrder === nextProps.selectIconOrder && prevProps.starIconOrder === nextProps.starIconOrder && prevProps.reportIconOrder === nextProps.reportIconOrder && prevProps.reactionIconTooltipText === nextProps.reactionIconTooltipText && prevProps.editIconTooltipText === nextProps.editIconTooltipText && prevProps.copyIconTooltipText === nextProps.copyIconTooltipText && prevProps.replyIconTooltipText === nextProps.replyIconTooltipText && prevProps.replyInThreadIconTooltipText === nextProps.replyInThreadIconTooltipText && prevProps.forwardIconTooltipText === nextProps.forwardIconTooltipText && prevProps.deleteIconTooltipText === nextProps.deleteIconTooltipText && prevProps.selectIconTooltipText === nextProps.selectIconTooltipText && prevProps.starIconTooltipText === nextProps.starIconTooltipText && prevProps.reportIconTooltipText === nextProps.reportIconTooltipText && prevProps.messageActionIconsColor === nextProps.messageActionIconsColor && prevProps.inlineReactionIcon === nextProps.inlineReactionIcon && prevProps.messageStatusSize === nextProps.messageStatusSize && prevProps.messageStatusColor === nextProps.messageStatusColor && prevProps.messageReadStatusColor === nextProps.messageReadStatusColor && prevProps.messageStateFontSize === nextProps.messageStateFontSize && prevProps.messageStateColor === nextProps.messageStateColor && prevProps.messageTimeFontSize === nextProps.messageTimeFontSize && prevProps.messageTimeColor === nextProps.messageTimeColor && prevProps.messageStatusAndTimeLineHeight === nextProps.messageStatusAndTimeLineHeight && prevProps.fileAttachmentsBoxWidth === nextProps.fileAttachmentsBoxWidth && prevProps.fileAttachmentsBoxBackground === nextProps.fileAttachmentsBoxBackground && prevProps.fileAttachmentsBoxBorder === nextProps.fileAttachmentsBoxBorder && prevProps.fileAttachmentsTitleColor === nextProps.fileAttachmentsTitleColor && prevProps.fileAttachmentsSizeColor === nextProps.fileAttachmentsSizeColor && prevProps.fileAttachmentsIcon === nextProps.fileAttachmentsIcon && prevProps.imageAttachmentMaxWidth === nextProps.imageAttachmentMaxWidth && prevProps.imageAttachmentMaxHeight === nextProps.imageAttachmentMaxHeight && prevProps.videoAttachmentMaxWidth === nextProps.videoAttachmentMaxWidth && prevProps.videoAttachmentMaxHeight === nextProps.videoAttachmentMaxHeight && prevProps.theme === nextProps.theme && prevProps.messageTextFontSize === nextProps.messageTextFontSize && prevProps.messageTextLineHeight === nextProps.messageTextLineHeight && prevProps.messageActionsShow === nextProps.messageActionsShow && prevProps.emojisPopupOpen === nextProps.emojisPopupOpen && prevProps.emojisPopupPosition === nextProps.emojisPopupPosition && prevProps.frequentlyEmojisOpen === nextProps.frequentlyEmojisOpen && (((_prevProps$ogMetadata = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata === void 0 ? void 0 : _prevProps$ogMetadata.ogLayoutOrder) || 'og-first') === (((_nextProps$ogMetadata = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata === void 0 ? void 0 : _nextProps$ogMetadata.ogLayoutOrder) || 'og-first') && ((_prevProps$ogMetadata2 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata2 === void 0 ? void 0 : _prevProps$ogMetadata2.ogShowUrl) === ((_nextProps$ogMetadata2 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata2 === void 0 ? void 0 : _nextProps$ogMetadata2.ogShowUrl) && ((_prevProps$ogMetadata3 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata3 === void 0 ? void 0 : _prevProps$ogMetadata3.ogShowTitle) === ((_nextProps$ogMetadata3 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata3 === void 0 ? void 0 : _nextProps$ogMetadata3.ogShowTitle) && ((_prevProps$ogMetadata4 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata4 === void 0 ? void 0 : _prevProps$ogMetadata4.ogShowDescription) === ((_nextProps$ogMetadata4 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata4 === void 0 ? void 0 : _nextProps$ogMetadata4.ogShowDescription) && ((_prevProps$ogMetadata5 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata5 === void 0 ? void 0 : _prevProps$ogMetadata5.ogShowFavicon) === ((_nextProps$ogMetadata5 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata5 === void 0 ? void 0 : _nextProps$ogMetadata5.ogShowFavicon) && ((_prevProps$ogMetadata6 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata6 === void 0 ? void 0 : _prevProps$ogMetadata6.order) === ((_nextProps$ogMetadata6 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata6 === void 0 ? void 0 : _nextProps$ogMetadata6.order));
|
|
37346
|
+
return !!(prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.prevMessage === nextProps.prevMessage && prevProps.nextMessage === nextProps.nextMessage && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.contactsMap === nextProps.contactsMap && prevProps.connectionStatus === nextProps.connectionStatus && prevProps.openedMessageMenuId === nextProps.openedMessageMenuId && prevProps.ownMessageOnRightSide === nextProps.ownMessageOnRightSide && prevProps.showSenderNameOnDirectChannel === nextProps.showSenderNameOnDirectChannel && prevProps.showSenderNameOnGroupChannel === nextProps.showSenderNameOnGroupChannel && prevProps.showSenderNameOnOwnMessages === nextProps.showSenderNameOnOwnMessages && prevProps.messageStatusAndTimePosition === nextProps.messageStatusAndTimePosition && prevProps.messageStatusDisplayingType === nextProps.messageStatusDisplayingType && prevProps.outgoingMessageStyles === nextProps.outgoingMessageStyles && prevProps.incomingMessageStyles === nextProps.incomingMessageStyles && prevProps.ownRepliedMessageBackground === nextProps.ownRepliedMessageBackground && prevProps.incomingRepliedMessageBackground === nextProps.incomingRepliedMessageBackground && prevProps.showMessageStatus === nextProps.showMessageStatus && prevProps.showMessageTimeAndStatusOnlyOnHover === nextProps.showMessageTimeAndStatusOnlyOnHover && prevProps.showMessageTime === nextProps.showMessageTime && prevProps.showMessageStatusForEachMessage === nextProps.showMessageStatusForEachMessage && prevProps.showMessageTimeForEachMessage === nextProps.showMessageTimeForEachMessage && prevProps.messageReaction === nextProps.messageReaction && prevProps.editMessage === nextProps.editMessage && prevProps.copyMessage === nextProps.copyMessage && prevProps.replyMessage === nextProps.replyMessage && prevProps.replyMessageInThread === nextProps.replyMessageInThread && prevProps.forwardMessage === nextProps.forwardMessage && prevProps.deleteMessage === nextProps.deleteMessage && prevProps.selectMessage === nextProps.selectMessage && prevProps.allowEditDeleteIncomingMessage === nextProps.allowEditDeleteIncomingMessage && prevProps.reportMessage === nextProps.reportMessage && prevProps.reactionIcon === nextProps.reactionIcon && prevProps.editIcon === nextProps.editIcon && prevProps.copyIcon === nextProps.copyIcon && prevProps.replyIcon === nextProps.replyIcon && prevProps.replyInThreadIcon === nextProps.replyInThreadIcon && prevProps.forwardIcon === nextProps.forwardIcon && prevProps.deleteIcon === nextProps.deleteIcon && prevProps.selectIcon === nextProps.selectIcon && prevProps.starIcon === nextProps.starIcon && prevProps.staredIcon === nextProps.staredIcon && prevProps.reportIcon === nextProps.reportIcon && prevProps.fixEmojiCategoriesTitleOnTop === nextProps.fixEmojiCategoriesTitleOnTop && prevProps.emojisCategoryIconsPosition === nextProps.emojisCategoryIconsPosition && prevProps.emojisContainerBorderRadius === nextProps.emojisContainerBorderRadius && prevProps.reactionIconOrder === nextProps.reactionIconOrder && prevProps.editIconOrder === nextProps.editIconOrder && prevProps.copyIconOrder === nextProps.copyIconOrder && prevProps.replyIconOrder === nextProps.replyIconOrder && prevProps.replyInThreadIconOrder === nextProps.replyInThreadIconOrder && prevProps.forwardIconOrder === nextProps.forwardIconOrder && prevProps.deleteIconOrder === nextProps.deleteIconOrder && prevProps.selectIconOrder === nextProps.selectIconOrder && prevProps.starIconOrder === nextProps.starIconOrder && prevProps.reportIconOrder === nextProps.reportIconOrder && prevProps.reactionIconTooltipText === nextProps.reactionIconTooltipText && prevProps.editIconTooltipText === nextProps.editIconTooltipText && prevProps.copyIconTooltipText === nextProps.copyIconTooltipText && prevProps.replyIconTooltipText === nextProps.replyIconTooltipText && prevProps.replyInThreadIconTooltipText === nextProps.replyInThreadIconTooltipText && prevProps.forwardIconTooltipText === nextProps.forwardIconTooltipText && prevProps.deleteIconTooltipText === nextProps.deleteIconTooltipText && prevProps.selectIconTooltipText === nextProps.selectIconTooltipText && prevProps.starIconTooltipText === nextProps.starIconTooltipText && prevProps.reportIconTooltipText === nextProps.reportIconTooltipText && prevProps.messageActionIconsColor === nextProps.messageActionIconsColor && prevProps.inlineReactionIcon === nextProps.inlineReactionIcon && prevProps.messageStatusSize === nextProps.messageStatusSize && prevProps.messageStatusColor === nextProps.messageStatusColor && prevProps.messageReadStatusColor === nextProps.messageReadStatusColor && prevProps.messageStateFontSize === nextProps.messageStateFontSize && prevProps.messageStateColor === nextProps.messageStateColor && prevProps.messageTimeFontSize === nextProps.messageTimeFontSize && prevProps.messageTimeColor === nextProps.messageTimeColor && prevProps.messageStatusAndTimeLineHeight === nextProps.messageStatusAndTimeLineHeight && prevProps.fileAttachmentsBoxWidth === nextProps.fileAttachmentsBoxWidth && prevProps.fileAttachmentsBoxBackground === nextProps.fileAttachmentsBoxBackground && prevProps.fileAttachmentsBoxBorder === nextProps.fileAttachmentsBoxBorder && prevProps.fileAttachmentsTitleColor === nextProps.fileAttachmentsTitleColor && prevProps.fileAttachmentsSizeColor === nextProps.fileAttachmentsSizeColor && prevProps.fileAttachmentsIcon === nextProps.fileAttachmentsIcon && prevProps.imageAttachmentMaxWidth === nextProps.imageAttachmentMaxWidth && prevProps.imageAttachmentMaxHeight === nextProps.imageAttachmentMaxHeight && prevProps.videoAttachmentMaxWidth === nextProps.videoAttachmentMaxWidth && prevProps.videoAttachmentMaxHeight === nextProps.videoAttachmentMaxHeight && prevProps.theme === nextProps.theme && prevProps.messageTextFontSize === nextProps.messageTextFontSize && prevProps.messageTextLineHeight === nextProps.messageTextLineHeight && prevProps.messageActionsShow === nextProps.messageActionsShow && prevProps.emojisPopupOpen === nextProps.emojisPopupOpen && prevProps.emojisPopupPosition === nextProps.emojisPopupPosition && prevProps.frequentlyEmojisOpen === nextProps.frequentlyEmojisOpen && (((_prevProps$ogMetadata = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata === void 0 ? void 0 : _prevProps$ogMetadata.ogLayoutOrder) || 'og-first') === (((_nextProps$ogMetadata = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata === void 0 ? void 0 : _nextProps$ogMetadata.ogLayoutOrder) || 'og-first') && ((_prevProps$ogMetadata2 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata2 === void 0 ? void 0 : _prevProps$ogMetadata2.ogShowUrl) === ((_nextProps$ogMetadata2 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata2 === void 0 ? void 0 : _nextProps$ogMetadata2.ogShowUrl) && ((_prevProps$ogMetadata3 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata3 === void 0 ? void 0 : _prevProps$ogMetadata3.ogShowTitle) === ((_nextProps$ogMetadata3 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata3 === void 0 ? void 0 : _nextProps$ogMetadata3.ogShowTitle) && ((_prevProps$ogMetadata4 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata4 === void 0 ? void 0 : _prevProps$ogMetadata4.ogShowDescription) === ((_nextProps$ogMetadata4 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata4 === void 0 ? void 0 : _nextProps$ogMetadata4.ogShowDescription) && ((_prevProps$ogMetadata5 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata5 === void 0 ? void 0 : _prevProps$ogMetadata5.ogShowFavicon) === ((_nextProps$ogMetadata5 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata5 === void 0 ? void 0 : _nextProps$ogMetadata5.ogShowFavicon) && ((_prevProps$ogMetadata6 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata6 === void 0 ? void 0 : _prevProps$ogMetadata6.order) === ((_nextProps$ogMetadata6 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata6 === void 0 ? void 0 : _nextProps$ogMetadata6.order) && prevProps.collapsedCharacterLimit === nextProps.collapsedCharacterLimit);
|
|
37044
37347
|
});
|
|
37045
37348
|
var ForwardedTitle = styled.h3(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n // margin: ", ";\n margin: 0;\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n\n & > svg {\n margin-right: 4px;\n width: 16px;\n height: 16px;\n color: ", ";\n }\n"])), function (props) {
|
|
37046
37349
|
return props.color;
|
|
@@ -37097,8 +37400,14 @@ var FrequentlyEmojisContainer = styled.div(_templateObject5$m || (_templateObjec
|
|
|
37097
37400
|
}, function (props) {
|
|
37098
37401
|
return props.rtlDirection && '0';
|
|
37099
37402
|
});
|
|
37403
|
+
var TextContentContainer = styled.div(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n height: ", ";\n transition: height 0.3s ease-out;\n"])), function (props) {
|
|
37404
|
+
return props.textHeight !== 'auto' ? props.textHeight + "px" : 'auto';
|
|
37405
|
+
});
|
|
37406
|
+
var ReadMoreLink = styled.span(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n display: block;\n color: ", ";\n cursor: pointer;\n font-weight: 500;\n margin-top: 8px;\n font-style: Medium;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.4px;\n user-select: none;\n transition: opacity 0.2s ease;\n"])), function (props) {
|
|
37407
|
+
return props.accentColor;
|
|
37408
|
+
});
|
|
37100
37409
|
|
|
37101
|
-
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$
|
|
37410
|
+
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
37102
37411
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
37103
37412
|
var m = moment(date);
|
|
37104
37413
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -37593,10 +37902,10 @@ var Row$2 = styled.div(_templateObject4$s || (_templateObject4$s = _taggedTempla
|
|
|
37593
37902
|
return p.backgroundHover;
|
|
37594
37903
|
});
|
|
37595
37904
|
var RowInfo = styled.div(_templateObject5$n || (_templateObject5$n = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-right: auto;\n min-width: 0;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n"])));
|
|
37596
|
-
var RowTitle = styled.div(_templateObject6$
|
|
37905
|
+
var RowTitle = styled.div(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: 16px;\n font-weight: 500;\n line-height: 22px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (p) {
|
|
37597
37906
|
return p.color;
|
|
37598
37907
|
});
|
|
37599
|
-
var RowDate = styled.div(_templateObject7$
|
|
37908
|
+
var RowDate = styled.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n color: ", ";\n min-width: max-content;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n"])), function (p) {
|
|
37600
37909
|
return p.color;
|
|
37601
37910
|
});
|
|
37602
37911
|
var Empty = styled.div(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n color: ", ";\n text-align: center;\n padding: 16px 0;\n font-size: 14px;\n height: calc(100% - 32px);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n"])), function (p) {
|
|
@@ -37642,7 +37951,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
37642
37951
|
});
|
|
37643
37952
|
}
|
|
37644
37953
|
|
|
37645
|
-
var _templateObject$J, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$o, _templateObject6$
|
|
37954
|
+
var _templateObject$J, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$o, _templateObject6$m, _templateObject7$l, _templateObject8$i, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$5, _templateObject12$4;
|
|
37646
37955
|
var Message$1 = function Message(_ref) {
|
|
37647
37956
|
var message = _ref.message,
|
|
37648
37957
|
channel = _ref.channel,
|
|
@@ -37800,7 +38109,8 @@ var Message$1 = function Message(_ref) {
|
|
|
37800
38109
|
shouldOpenUserProfileForMention = _ref.shouldOpenUserProfileForMention,
|
|
37801
38110
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
37802
38111
|
_ref$showInfoMessageP = _ref.showInfoMessageProps,
|
|
37803
|
-
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP
|
|
38112
|
+
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
|
|
38113
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
37804
38114
|
var _useColor = useColors(),
|
|
37805
38115
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
37806
38116
|
backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
|
|
@@ -37944,7 +38254,17 @@ var Message$1 = function Message(_ref) {
|
|
|
37944
38254
|
setMessageActionsShow(false);
|
|
37945
38255
|
};
|
|
37946
38256
|
var handleCopyMessage = function handleCopyMessage() {
|
|
37947
|
-
|
|
38257
|
+
var getFromContacts = getShowOnlyContactUsers();
|
|
38258
|
+
var textToCopyHTML = MessageTextFormat({
|
|
38259
|
+
text: message.body,
|
|
38260
|
+
message: message,
|
|
38261
|
+
contactsMap: contactsMap,
|
|
38262
|
+
getFromContacts: getFromContacts,
|
|
38263
|
+
accentColor: '',
|
|
38264
|
+
textSecondary: ''
|
|
38265
|
+
});
|
|
38266
|
+
var textToCopy = typeof textToCopyHTML === 'string' ? textToCopyHTML : _extractTextFromReactElement(textToCopyHTML);
|
|
38267
|
+
navigator.clipboard.writeText(textToCopy);
|
|
37948
38268
|
setMessageActionsShow(false);
|
|
37949
38269
|
};
|
|
37950
38270
|
var handleToggleReactionsPopup = function handleToggleReactionsPopup() {
|
|
@@ -38333,7 +38653,8 @@ var Message$1 = function Message(_ref) {
|
|
|
38333
38653
|
handleOpenUserProfile: handleOpenUserProfile,
|
|
38334
38654
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
38335
38655
|
ogMetadataProps: ogMetadataProps,
|
|
38336
|
-
unsupportedMessage: unsupportedMessage
|
|
38656
|
+
unsupportedMessage: unsupportedMessage,
|
|
38657
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
38337
38658
|
})), messageStatusAndTimePosition === 'bottomOfMessage' && (messageStatusVisible || messageTimeVisible) && (/*#__PURE__*/React__default.createElement(MessageStatusAndTime$1, {
|
|
38338
38659
|
message: message,
|
|
38339
38660
|
showMessageTimeAndStatusOnlyOnHover: showMessageTimeAndStatusOnlyOnHover,
|
|
@@ -38472,8 +38793,8 @@ var FailedMessageIcon = styled.div(_templateObject5$o || (_templateObject5$o = _
|
|
|
38472
38793
|
}, function (props) {
|
|
38473
38794
|
return props.rtl && '-24px';
|
|
38474
38795
|
});
|
|
38475
|
-
var ErrorIconWrapper = styled(SvgErrorIcon)(_templateObject6$
|
|
38476
|
-
var SelectMessageWrapper = styled.div(_templateObject7$
|
|
38796
|
+
var ErrorIconWrapper = styled(SvgErrorIcon)(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n"])));
|
|
38797
|
+
var SelectMessageWrapper = styled.div(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n position: absolute;\n left: 4%;\n bottom: calc(50% - 22px);\n cursor: ", ";\n & > svg {\n color: ", ";\n width: 24px;\n height: 24px;\n }\n"])), function (props) {
|
|
38477
38798
|
return !props.disabled && 'pointer';
|
|
38478
38799
|
}, function (props) {
|
|
38479
38800
|
return props.activeColor;
|
|
@@ -38544,7 +38865,7 @@ var MessageItem = styled.div(_templateObject12$4 || (_templateObject12$4 = _tagg
|
|
|
38544
38865
|
return props.hoverBackground || '';
|
|
38545
38866
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
38546
38867
|
|
|
38547
|
-
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$
|
|
38868
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$n, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
38548
38869
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
38549
38870
|
var lastIndex = _ref.lastIndex,
|
|
38550
38871
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38734,7 +39055,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
38734
39055
|
shouldOpenUserProfileForMention = _ref2.shouldOpenUserProfileForMention,
|
|
38735
39056
|
_ref2$showInfoMessage = _ref2.showInfoMessageProps,
|
|
38736
39057
|
showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
|
|
38737
|
-
ogMetadataProps = _ref2.ogMetadataProps
|
|
39058
|
+
ogMetadataProps = _ref2.ogMetadataProps,
|
|
39059
|
+
collapsedCharacterLimit = _ref2.collapsedCharacterLimit;
|
|
38738
39060
|
var _useColor = useColors(),
|
|
38739
39061
|
outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
|
|
38740
39062
|
themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -39595,7 +39917,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
39595
39917
|
messageStatusAndTimeLineHeight: messageStatusAndTimeLineHeight,
|
|
39596
39918
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
39597
39919
|
showInfoMessageProps: showInfoMessageProps,
|
|
39598
|
-
ogMetadataProps: ogMetadataProps
|
|
39920
|
+
ogMetadataProps: ogMetadataProps,
|
|
39921
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
39599
39922
|
}))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
|
|
39600
39923
|
theme: theme,
|
|
39601
39924
|
newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
|
|
@@ -39658,12 +39981,12 @@ var DragAndDropContainer = styled.div(_templateObject5$p || (_templateObject5$p
|
|
|
39658
39981
|
}, function (props) {
|
|
39659
39982
|
return props.backgroundColor;
|
|
39660
39983
|
});
|
|
39661
|
-
var IconWrapper$1 = styled.span(_templateObject6$
|
|
39984
|
+
var IconWrapper$1 = styled.span(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 64px;\n width: 64px;\n background-color: ", ";\n border-radius: 50%;\n text-align: center;\n margin-bottom: 16px;\n transition: all 0.3s;\n pointer-events: none;\n\n & > svg {\n color: ", ";\n width: 32px;\n height: 32px;\n }\n"])), function (props) {
|
|
39662
39985
|
return props.backgroundColor;
|
|
39663
39986
|
}, function (props) {
|
|
39664
39987
|
return props.iconColor;
|
|
39665
39988
|
});
|
|
39666
|
-
var DropAttachmentArea = styled.div(_templateObject7$
|
|
39989
|
+
var DropAttachmentArea = styled.div(_templateObject7$m || (_templateObject7$m = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n border: 1px dashed ", ";\n border-radius: 16px;\n margin: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ", ";\n transition: all 0.1s;\n\n &.dragover {\n background-color: ", ";\n border: 1px dashed ", ";\n\n ", " {\n background-color: ", ";\n }\n }\n"])), function (props) {
|
|
39667
39990
|
return props.borderColor;
|
|
39668
39991
|
}, function (props) {
|
|
39669
39992
|
return props.margin || '12px 32px 32px';
|
|
@@ -39856,7 +40179,8 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
39856
40179
|
},
|
|
39857
40180
|
infoPadding: '0 8px',
|
|
39858
40181
|
isInviteLink: false
|
|
39859
|
-
} : _ref$ogMetadataProps
|
|
40182
|
+
} : _ref$ogMetadataProps,
|
|
40183
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
39860
40184
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
|
|
39861
40185
|
fontFamily: fontFamily,
|
|
39862
40186
|
ownMessageOnRightSide: ownMessageOnRightSide,
|
|
@@ -39990,7 +40314,8 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
39990
40314
|
hiddenMessagesProperties: hiddenMessagesProperties,
|
|
39991
40315
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
39992
40316
|
showInfoMessageProps: showInfoMessageProps,
|
|
39993
|
-
ogMetadataProps: ogMetadataProps
|
|
40317
|
+
ogMetadataProps: ogMetadataProps,
|
|
40318
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
39994
40319
|
}));
|
|
39995
40320
|
};
|
|
39996
40321
|
|
|
@@ -40117,7 +40442,6 @@ var LENGTH_LIMIT = 75;
|
|
|
40117
40442
|
var AtSignMentionsRegex = new RegExp('(^|\\s|\\()(' + '[' + TRIGGERS + ']' + '((?:' + VALID_CHARS + VALID_JOINS + '){0,' + LENGTH_LIMIT + '})' + ')$');
|
|
40118
40443
|
var ALIAS_LENGTH_LIMIT = 50;
|
|
40119
40444
|
var AtSignMentionsRegexAliasRegex = new RegExp('(^|\\s|\\()(' + '[' + TRIGGERS + ']' + '((?:' + VALID_CHARS + '){0,' + ALIAS_LENGTH_LIMIT + '})' + ')$');
|
|
40120
|
-
var SUGGESTION_LIST_LENGTH_LIMIT = 50;
|
|
40121
40445
|
var mentionsCache = new Map();
|
|
40122
40446
|
var membersMap = {};
|
|
40123
40447
|
function useMentionLookupService(mentionString, contactsMap, userId, members, getFromContacts) {
|
|
@@ -40241,11 +40565,16 @@ function MentionsContainer(_ref2) {
|
|
|
40241
40565
|
selectedIndex = _ref2.selectedIndex,
|
|
40242
40566
|
selectOptionAndCleanUp = _ref2.selectOptionAndCleanUp,
|
|
40243
40567
|
setHighlightedIndex = _ref2.setHighlightedIndex,
|
|
40244
|
-
setMentionsIsOpen = _ref2.setMentionsIsOpen
|
|
40568
|
+
setMentionsIsOpen = _ref2.setMentionsIsOpen,
|
|
40569
|
+
channelId = _ref2.channelId;
|
|
40245
40570
|
var theme = useSelector(themeSelector);
|
|
40246
40571
|
var _useColor2 = useColors(),
|
|
40247
40572
|
borderColor = _useColor2[THEME_COLORS.BORDER],
|
|
40248
40573
|
background = _useColor2[THEME_COLORS.BACKGROUND];
|
|
40574
|
+
var dispatch = useDispatch();
|
|
40575
|
+
var membersHasNext = useSelector(membersHasNextSelector);
|
|
40576
|
+
var membersLoadingState = useSelector(membersLoadingStateSelector);
|
|
40577
|
+
var mentionsListRef = useRef(null);
|
|
40249
40578
|
var contRef = useRef();
|
|
40250
40579
|
var handleKeyDown = function handleKeyDown(event) {
|
|
40251
40580
|
var code = event.code;
|
|
@@ -40286,13 +40615,22 @@ function MentionsContainer(_ref2) {
|
|
|
40286
40615
|
setMentionsIsOpen(false);
|
|
40287
40616
|
};
|
|
40288
40617
|
}, []);
|
|
40618
|
+
var handleScroll = useCallback(function (e) {
|
|
40619
|
+
var target = e.currentTarget;
|
|
40620
|
+
var isScrolledToBottom = target.scrollHeight - target.scrollTop <= target.clientHeight + 10;
|
|
40621
|
+
if (isScrolledToBottom && membersHasNext && membersLoadingState !== LOADING_STATE.LOADING && channelId) {
|
|
40622
|
+
dispatch(loadMoreMembersAC(15, channelId));
|
|
40623
|
+
}
|
|
40624
|
+
}, [membersHasNext, membersLoadingState, channelId, dispatch]);
|
|
40289
40625
|
return /*#__PURE__*/React__default.createElement(MentionsContainerWrapper, {
|
|
40290
40626
|
className: 'typeahead-popover mentions-menu',
|
|
40291
40627
|
ref: contRef
|
|
40292
40628
|
}, /*#__PURE__*/React__default.createElement(MentionsList, {
|
|
40629
|
+
ref: mentionsListRef,
|
|
40293
40630
|
borderColor: borderColor,
|
|
40294
40631
|
backgroundColor: background,
|
|
40295
|
-
theme: theme
|
|
40632
|
+
theme: theme,
|
|
40633
|
+
onScroll: handleScroll
|
|
40296
40634
|
}, options.map(function (option, i) {
|
|
40297
40635
|
return /*#__PURE__*/React__default.createElement(MentionsTypeaheadMenuItem, {
|
|
40298
40636
|
index: i,
|
|
@@ -40315,7 +40653,8 @@ function MentionsPlugin(_ref3) {
|
|
|
40315
40653
|
getFromContacts = _ref3.getFromContacts,
|
|
40316
40654
|
setMentionMember = _ref3.setMentionMember,
|
|
40317
40655
|
setMentionsIsOpen = _ref3.setMentionsIsOpen,
|
|
40318
|
-
members = _ref3.members
|
|
40656
|
+
members = _ref3.members,
|
|
40657
|
+
channelId = _ref3.channelId;
|
|
40319
40658
|
var _useLexicalComposerCo = useLexicalComposerContext(),
|
|
40320
40659
|
editor = _useLexicalComposerCo[0];
|
|
40321
40660
|
var _useState2 = useState(null),
|
|
@@ -40328,8 +40667,8 @@ function MentionsPlugin(_ref3) {
|
|
|
40328
40667
|
var options = useMemo(function () {
|
|
40329
40668
|
return results.map(function (result) {
|
|
40330
40669
|
return new MentionTypeaheadOption(result.name, result.id, result.presence, result.avatar);
|
|
40331
|
-
})
|
|
40332
|
-
}, [results]);
|
|
40670
|
+
});
|
|
40671
|
+
}, [results === null || results === void 0 ? void 0 : results.length]);
|
|
40333
40672
|
var handleOnOpen = function handleOnOpen() {
|
|
40334
40673
|
var menuElement = document.getElementById('typeahead-menu');
|
|
40335
40674
|
if (menuElement) {
|
|
@@ -40371,13 +40710,14 @@ function MentionsPlugin(_ref3) {
|
|
|
40371
40710
|
var selectedIndex = _ref4.selectedIndex,
|
|
40372
40711
|
selectOptionAndCleanUp = _ref4.selectOptionAndCleanUp,
|
|
40373
40712
|
setHighlightedIndex = _ref4.setHighlightedIndex;
|
|
40374
|
-
return anchorElementRef.current &&
|
|
40713
|
+
return anchorElementRef.current && options.length ? /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(MentionsContainer, {
|
|
40375
40714
|
queryString: queryString,
|
|
40376
40715
|
options: options,
|
|
40377
40716
|
setMentionsIsOpen: setMentionsIsOpen,
|
|
40378
40717
|
selectOptionAndCleanUp: selectOptionAndCleanUp,
|
|
40379
40718
|
selectedIndex: selectedIndex,
|
|
40380
|
-
setHighlightedIndex: setHighlightedIndex
|
|
40719
|
+
setHighlightedIndex: setHighlightedIndex,
|
|
40720
|
+
channelId: channelId
|
|
40381
40721
|
}), anchorElementRef.current) : null;
|
|
40382
40722
|
}
|
|
40383
40723
|
});
|
|
@@ -41335,7 +41675,7 @@ function FormatMessagePlugin(_ref3) {
|
|
|
41335
41675
|
return null;
|
|
41336
41676
|
}
|
|
41337
41677
|
|
|
41338
|
-
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$
|
|
41678
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k;
|
|
41339
41679
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
41340
41680
|
var collectionName = _ref.collectionName;
|
|
41341
41681
|
switch (collectionName) {
|
|
@@ -41561,8 +41901,8 @@ var EmojiCollection$1 = styled.span(_templateObject4$w || (_templateObject4$w =
|
|
|
41561
41901
|
return props.iconColor;
|
|
41562
41902
|
});
|
|
41563
41903
|
var CollectionPointer$1 = styled.span(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose([""])));
|
|
41564
|
-
var AllEmojis$1 = styled.ul(_templateObject6$
|
|
41565
|
-
var EmojiFooter$1 = styled.div(_templateObject7$
|
|
41904
|
+
var AllEmojis$1 = styled.ul(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
|
|
41905
|
+
var EmojiFooter$1 = styled.div(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n height: 42px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n border-top: ", ";\n border-bottom: ", ";\n padding: 0 10px;\n & > span {\n width: 100%;\n text-align: center;\n }\n"])), function (props) {
|
|
41566
41906
|
return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
|
|
41567
41907
|
}, function (props) {
|
|
41568
41908
|
return props.emojisCategoryIconsPosition === 'top' && "1px solid " + props.borderColor;
|
|
@@ -41768,7 +42108,7 @@ function SvgRecordButton(props) {
|
|
|
41768
42108
|
})));
|
|
41769
42109
|
}
|
|
41770
42110
|
|
|
41771
|
-
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$
|
|
42111
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$o;
|
|
41772
42112
|
var fieldsObject = {
|
|
41773
42113
|
channelId: '',
|
|
41774
42114
|
currentRecordedFile: null,
|
|
@@ -42410,7 +42750,7 @@ var AudioVisualization$1 = styled.div(_templateObject4$x || (_templateObject4$x
|
|
|
42410
42750
|
var PlayPause$1 = styled.div(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n padding: 10px;\n > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
42411
42751
|
return props.iconColor;
|
|
42412
42752
|
});
|
|
42413
|
-
var Canvas = styled.canvas(_templateObject6$
|
|
42753
|
+
var Canvas = styled.canvas(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n height: 28px;\n width: ", ";\n max-width: calc(100% - 110px);\n position: absolute;\n opacity: ", ";\n z-index: ", ";\n left: 42px;\n"])), function (_ref8) {
|
|
42414
42754
|
var recording = _ref8.recording;
|
|
42415
42755
|
return recording ? '300px' : '0';
|
|
42416
42756
|
}, function (_ref9) {
|
|
@@ -42420,7 +42760,7 @@ var Canvas = styled.canvas(_templateObject6$o || (_templateObject6$o = _taggedTe
|
|
|
42420
42760
|
var hide = _ref0.hide;
|
|
42421
42761
|
return hide && '-1';
|
|
42422
42762
|
});
|
|
42423
|
-
var Timer$2 = styled.div(_templateObject7$
|
|
42763
|
+
var Timer$2 = styled.div(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n width: 40px;\n font-weight: 400;\n font-size: 16px;\n line-height: 12px;\n color: ", ";\n margin-left: auto;\n"])), function (props) {
|
|
42424
42764
|
return props.color;
|
|
42425
42765
|
});
|
|
42426
42766
|
|
|
@@ -42475,7 +42815,7 @@ function SvgDotsVertica(props) {
|
|
|
42475
42815
|
})));
|
|
42476
42816
|
}
|
|
42477
42817
|
|
|
42478
|
-
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$
|
|
42818
|
+
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$i;
|
|
42479
42819
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
42480
42820
|
var togglePopup = _ref.togglePopup,
|
|
42481
42821
|
onCreate = _ref.onCreate;
|
|
@@ -42874,7 +43214,7 @@ var OptionRow = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTe
|
|
|
42874
43214
|
}, function (props) {
|
|
42875
43215
|
return props.isDragging ? 0.6 : 1;
|
|
42876
43216
|
});
|
|
42877
|
-
var RemoveOptionIcon = styled(SvgClose)(_templateObject6$
|
|
43217
|
+
var RemoveOptionIcon = styled(SvgClose)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
42878
43218
|
return props.color;
|
|
42879
43219
|
}, function (props) {
|
|
42880
43220
|
return props.width;
|
|
@@ -42883,7 +43223,7 @@ var RemoveOptionIcon = styled(SvgClose)(_templateObject6$p || (_templateObject6$
|
|
|
42883
43223
|
}, function (props) {
|
|
42884
43224
|
return props.disabled ? 0.5 : 1;
|
|
42885
43225
|
});
|
|
42886
|
-
var AddOptionButton = styled.button(_templateObject7$
|
|
43226
|
+
var AddOptionButton = styled.button(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n margin: 16px 0 0 0;\n background: transparent;\n border: none;\n color: ", ";\n cursor: ", ";\n width: 100%;\n text-align: left;\n padding-left: 32px;\n opacity: ", ";\n"])), function (props) {
|
|
42887
43227
|
return props.disabled ? props.disabledColor : props.color;
|
|
42888
43228
|
}, function (props) {
|
|
42889
43229
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
@@ -42895,7 +43235,7 @@ var SettingItem = styled.div(_templateObject9$i || (_templateObject9$i = _tagged
|
|
|
42895
43235
|
return props.color;
|
|
42896
43236
|
});
|
|
42897
43237
|
|
|
42898
|
-
var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$
|
|
43238
|
+
var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$r, _templateObject7$q, _templateObject8$m, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
|
|
42899
43239
|
function AutoFocusPlugin(_ref) {
|
|
42900
43240
|
var messageForReply = _ref.messageForReply;
|
|
42901
43241
|
var _useLexicalComposerCo = useLexicalComposerContext(),
|
|
@@ -44013,7 +44353,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
44013
44353
|
setMentionedUsers([]);
|
|
44014
44354
|
}, [activeChannel.id]);
|
|
44015
44355
|
useEffect(function () {
|
|
44016
|
-
if (messageText.trim() || editMessageText.trim() && editMessageText && editMessageText.trim() !== messageToEdit.body || attachments.length) {
|
|
44356
|
+
if (messageText.trim() || editMessageText !== null && editMessageText !== void 0 && editMessageText.trim() && editMessageText && (editMessageText === null || editMessageText === void 0 ? void 0 : editMessageText.trim()) !== (messageToEdit === null || messageToEdit === void 0 ? void 0 : messageToEdit.body) || attachments.length) {
|
|
44017
44357
|
if (attachments.length) {
|
|
44018
44358
|
var videoAttachment = false;
|
|
44019
44359
|
attachments.forEach(function (att) {
|
|
@@ -44501,7 +44841,8 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
44501
44841
|
userId: user.id,
|
|
44502
44842
|
getFromContacts: getFromContacts,
|
|
44503
44843
|
members: activeChannelMembers,
|
|
44504
|
-
setMentionsIsOpen: setMentionsIsOpen
|
|
44844
|
+
setMentionsIsOpen: setMentionsIsOpen,
|
|
44845
|
+
channelId: activeChannel === null || activeChannel === void 0 ? void 0 : activeChannel.id
|
|
44505
44846
|
})), /*#__PURE__*/React__default.createElement(HistoryPlugin, null), /*#__PURE__*/React__default.createElement(RichTextPlugin, {
|
|
44506
44847
|
contentEditable: /*#__PURE__*/React__default.createElement("div", {
|
|
44507
44848
|
onKeyDown: handleSendEditMessage,
|
|
@@ -44581,10 +44922,10 @@ var EditMessageText = styled.p(_templateObject4$z || (_templateObject4$z = _tagg
|
|
|
44581
44922
|
var UploadErrorMessage = styled.p(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n margin: 0;\n position: absolute;\n top: -30px;\n color: ", ";\n"])), function (props) {
|
|
44582
44923
|
return props.color;
|
|
44583
44924
|
});
|
|
44584
|
-
var CloseEditMode = styled.span(_templateObject6$
|
|
44925
|
+
var CloseEditMode = styled.span(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 8px;\n right: 12px;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 22px;\n cursor: pointer;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
44585
44926
|
return props.color;
|
|
44586
44927
|
});
|
|
44587
|
-
var UserName$1 = styled.span(_templateObject7$
|
|
44928
|
+
var UserName$1 = styled.span(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n margin-left: 4px;\n"])));
|
|
44588
44929
|
var ReplyMessageBody$1 = styled.div(_templateObject8$m || (_templateObject8$m = _taggedTemplateLiteralLoose(["\n word-break: break-word;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n a {\n color: ", ";\n }\n"])), function (props) {
|
|
44589
44930
|
return props.linkColor;
|
|
44590
44931
|
});
|
|
@@ -45055,7 +45396,7 @@ var StyledPopupName = styled(PopupName)(_templateObject$S || (_templateObject$S
|
|
|
45055
45396
|
var StyledPopupDescription = styled(PopupDescription)(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-style: normal;\n font-size: 15px;\n line-height: 150%;\n letter-spacing: 0%;\n margin-top: 0;\n margin-bottom: 0;\n width: 437px;\n height: 68px;\n opacity: 1;\n display: block;\n overflow-wrap: break-word;\n word-wrap: break-word;\n"])));
|
|
45056
45397
|
var CloseButton = styled(Button)(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n width: 73px;\n height: 36px;\n min-width: 73px;\n max-width: 73px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
45057
45398
|
|
|
45058
|
-
var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$
|
|
45399
|
+
var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$s, _templateObject7$r, _templateObject8$n;
|
|
45059
45400
|
var TIMER_OPTIONS = [{
|
|
45060
45401
|
key: 'off',
|
|
45061
45402
|
label: 'Off'
|
|
@@ -45307,13 +45648,13 @@ var CustomSelectWrapper = styled.div(_templateObject4$A || (_templateObject4$A =
|
|
|
45307
45648
|
return props.accentColor;
|
|
45308
45649
|
});
|
|
45309
45650
|
var CustomSelectTriggerStyled = styled(CustomSelectTrigger)(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n text-transform: none;\n"])));
|
|
45310
|
-
var CustomDropdownOptionLi = styled(DropdownOptionLi)(_templateObject6$
|
|
45311
|
-
var CustomDropdownOptionsUl = styled(DropdownOptionsUl)(_templateObject7$
|
|
45651
|
+
var CustomDropdownOptionLi = styled(DropdownOptionLi)(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
|
|
45652
|
+
var CustomDropdownOptionsUl = styled(DropdownOptionsUl)(_templateObject7$r || (_templateObject7$r = _taggedTemplateLiteralLoose(["\n border-color: ", ";\n height: 268px;\n max-height: 268px;\n border-radius: 0;\n\n ", " {\n padding-left: 24px;\n padding-right: 24px;\n }\n"])), function (props) {
|
|
45312
45653
|
return props.accentColor;
|
|
45313
45654
|
}, CustomDropdownOptionLi);
|
|
45314
45655
|
var SetButton = styled(Button)(_templateObject8$n || (_templateObject8$n = _taggedTemplateLiteralLoose(["\n width: 57px;\n height: 36px;\n min-width: 57px;\n max-width: 57px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
45315
45656
|
|
|
45316
|
-
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$
|
|
45657
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$t, _templateObject7$s, _templateObject8$o;
|
|
45317
45658
|
var formatMemberCount = function formatMemberCount(count, channelType) {
|
|
45318
45659
|
if (channelType === DEFAULT_CHANNEL_TYPE.BROADCAST || channelType === DEFAULT_CHANNEL_TYPE.PUBLIC) {
|
|
45319
45660
|
return count + " " + (count > 1 ? 'subscribers' : 'subscriber');
|
|
@@ -45410,7 +45751,6 @@ var GroupsInCommonPopup = function GroupsInCommonPopup(_ref2) {
|
|
|
45410
45751
|
}
|
|
45411
45752
|
}, [mutualChannelsHasNext, isLoading, dispatch]);
|
|
45412
45753
|
useEffect(function () {
|
|
45413
|
-
console.log('connectionStatus', connectionStatus, 'mutualChannels', !(mutualChannels !== null && mutualChannels !== void 0 && mutualChannels.length), 'user', user === null || user === void 0 ? void 0 : user.id);
|
|
45414
45754
|
if (connectionStatus === CONNECTION_STATUS.CONNECTED && !(mutualChannels !== null && mutualChannels !== void 0 && mutualChannels.length)) {
|
|
45415
45755
|
if (user !== null && user !== void 0 && user.id) {
|
|
45416
45756
|
dispatch(getChannelsWithUserAC(user.id));
|
|
@@ -45483,15 +45823,15 @@ var ChannelTitle$1 = styled.div(_templateObject4$B || (_templateObject4$B = _tag
|
|
|
45483
45823
|
var ChannelMembers$1 = styled.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
|
|
45484
45824
|
return props.color;
|
|
45485
45825
|
});
|
|
45486
|
-
var LoadingText$1 = styled.div(_templateObject6$
|
|
45826
|
+
var LoadingText$1 = styled.div(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
|
|
45487
45827
|
return props.color;
|
|
45488
45828
|
});
|
|
45489
|
-
var EmptyText = styled.div(_templateObject7$
|
|
45829
|
+
var EmptyText = styled.div(_templateObject7$s || (_templateObject7$s = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 40px 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
|
|
45490
45830
|
return props.color;
|
|
45491
45831
|
});
|
|
45492
45832
|
var ChevronRightIconWrapper = styled.span(_templateObject8$o || (_templateObject8$o = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n & > svg {\n width: 16px;\n height: 16px;\n transform: rotate(-90deg);\n }\n"])));
|
|
45493
45833
|
|
|
45494
|
-
var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$
|
|
45834
|
+
var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$u, _templateObject7$t, _templateObject8$p, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
|
|
45495
45835
|
var Actions = function Actions(_ref) {
|
|
45496
45836
|
var _getDisappearingSetti;
|
|
45497
45837
|
var setActionsHeight = _ref.setActionsHeight,
|
|
@@ -46025,8 +46365,8 @@ var MenuTriggerIcon = styled.span(_templateObject3$J || (_templateObject3$J = _t
|
|
|
46025
46365
|
});
|
|
46026
46366
|
var ActionsMenu = styled.ul(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
46027
46367
|
var DefaultMutedIcon = styled(SvgUnmuteNotifications)(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose([""])));
|
|
46028
|
-
var DefaultMuteIcon = styled(SvgNotifications)(_templateObject6$
|
|
46029
|
-
var DefaultStarIcon = styled(SvgStar)(_templateObject7$
|
|
46368
|
+
var DefaultMuteIcon = styled(SvgNotifications)(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose([""])));
|
|
46369
|
+
var DefaultStarIcon = styled(SvgStar)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose([""])));
|
|
46030
46370
|
var DefaultUnpinIcon = styled(SvgUnpin)(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose([""])));
|
|
46031
46371
|
var DefaultPinIcon = styled(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
|
|
46032
46372
|
var DefaultMarkAsRead = styled(SvgMarkAsRead)(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose([""])));
|
|
@@ -46265,7 +46605,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
46265
46605
|
});
|
|
46266
46606
|
}
|
|
46267
46607
|
|
|
46268
|
-
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$D, _templateObject5$y, _templateObject6$
|
|
46608
|
+
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$D, _templateObject5$y, _templateObject6$v, _templateObject7$u, _templateObject8$q, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
|
|
46269
46609
|
function InviteLinkModal(_ref) {
|
|
46270
46610
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
46271
46611
|
var onClose = _ref.onClose,
|
|
@@ -46768,12 +47108,12 @@ var Description = styled.p(_templateObject4$D || (_templateObject4$D = _taggedTe
|
|
|
46768
47108
|
var FieldLabel = styled.span(_templateObject5$y || (_templateObject5$y = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
|
|
46769
47109
|
return p.color;
|
|
46770
47110
|
});
|
|
46771
|
-
var LinkField = styled.div(_templateObject6$
|
|
47111
|
+
var LinkField = styled.div(_templateObject6$v || (_templateObject6$v = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border: 1px solid ", ";\n border-radius: 8px;\n margin-top: 8px;\n padding-left: 12px;\n background-color: ", ";\n"])), function (p) {
|
|
46772
47112
|
return p.borderColor;
|
|
46773
47113
|
}, function (p) {
|
|
46774
47114
|
return p.backgroundColor;
|
|
46775
47115
|
});
|
|
46776
|
-
var LinkInput = styled.input(_templateObject7$
|
|
47116
|
+
var LinkInput = styled.input(_templateObject7$u || (_templateObject7$u = _taggedTemplateLiteralLoose(["\n flex: 1;\n border: none;\n outline: none;\n height: 40px;\n background: transparent;\n color: ", ";\n font-size: 14px;\n"])), function (p) {
|
|
46777
47117
|
return p.color;
|
|
46778
47118
|
});
|
|
46779
47119
|
var CopyButton = styled.button(_templateObject8$q || (_templateObject8$q = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border: none;\n background: transparent;\n cursor: pointer;\n"])));
|
|
@@ -46797,7 +47137,7 @@ var QrHint = styled.p(_templateObject13$5 || (_templateObject13$5 = _taggedTempl
|
|
|
46797
47137
|
return p.color;
|
|
46798
47138
|
});
|
|
46799
47139
|
|
|
46800
|
-
var _templateObject$Y, _templateObject2$T, _templateObject3$M, _templateObject4$E, _templateObject5$z, _templateObject6$
|
|
47140
|
+
var _templateObject$Y, _templateObject2$T, _templateObject3$M, _templateObject4$E, _templateObject5$z, _templateObject6$w, _templateObject7$v, _templateObject8$r, _templateObject9$m;
|
|
46801
47141
|
var Members = function Members(_ref) {
|
|
46802
47142
|
var _members$find;
|
|
46803
47143
|
var channel = _ref.channel,
|
|
@@ -47116,10 +47456,10 @@ var MemberNameWrapper = styled.div(_templateObject4$E || (_templateObject4$E = _
|
|
|
47116
47456
|
var MemberName$3 = styled.h4(_templateObject5$z || (_templateObject5$z = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-weight: 400;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: ", ";\n"])), function (props) {
|
|
47117
47457
|
return props.color;
|
|
47118
47458
|
});
|
|
47119
|
-
var EditMemberIcon = styled.span(_templateObject6$
|
|
47459
|
+
var EditMemberIcon = styled.span(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n margin-left: auto;\n cursor: pointer;\n padding: 15px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s;\n\n & svg {\n color: ", ";\n }\n"])), function (props) {
|
|
47120
47460
|
return props.color;
|
|
47121
47461
|
});
|
|
47122
|
-
var MembersList = styled.ul(_templateObject7$
|
|
47462
|
+
var MembersList = styled.ul(_templateObject7$v || (_templateObject7$v = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
47123
47463
|
var MemberItem$1 = styled.li(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: ", ";\n font-weight: 500;\n padding: 6px 16px;\n transition: all 0.2s;\n color: ", ";\n cursor: pointer;\n\n & > svg {\n rect {\n fill: transparent;\n }\n }\n\n &:first-child {\n cursor: pointer;\n\n > svg {\n color: ", ";\n margin-right: 12px;\n & > rect {\n fill: ", " !important;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n\n & .dropdown-wrapper {\n margin-left: auto;\n }\n\n & ", " {\n width: 12px;\n height: 12px;\n right: -1px;\n bottom: -1px;\n }\n"])), function (props) {
|
|
47124
47464
|
return props.fontSize || '15px';
|
|
47125
47465
|
}, function (props) {
|
|
@@ -47278,7 +47618,7 @@ function SvgDownloadFile(props) {
|
|
|
47278
47618
|
})));
|
|
47279
47619
|
}
|
|
47280
47620
|
|
|
47281
|
-
var _templateObject$$, _templateObject2$V, _templateObject3$N, _templateObject4$F, _templateObject5$A, _templateObject6$
|
|
47621
|
+
var _templateObject$$, _templateObject2$V, _templateObject3$N, _templateObject4$F, _templateObject5$A, _templateObject6$x, _templateObject7$w, _templateObject8$s;
|
|
47282
47622
|
var Files = function Files(_ref) {
|
|
47283
47623
|
var channelId = _ref.channelId,
|
|
47284
47624
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -47419,8 +47759,8 @@ var FileHoverIconCont = styled.span(_templateObject5$A || (_templateObject5$A =
|
|
|
47419
47759
|
}, function (props) {
|
|
47420
47760
|
return props.fillColor;
|
|
47421
47761
|
});
|
|
47422
|
-
var FileThumb = styled.img(_templateObject6$
|
|
47423
|
-
var FileItem = styled.div(_templateObject7$
|
|
47762
|
+
var FileThumb = styled.img(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n object-fit: cover;\n"])));
|
|
47763
|
+
var FileItem = styled.div(_templateObject7$w || (_templateObject7$w = _taggedTemplateLiteralLoose(["\n position: relative;\n padding: 11px 16px;\n display: flex;\n align-items: center;\n font-size: 15px;\n transition: all 0.2s;\n div {\n margin-left: 7px;\n width: calc(100% - 48px);\n }\n &:hover {\n background-color: ", ";\n ", " {\n visibility: visible;\n }\n & ", " {\n display: none;\n }\n & ", " {\n display: inline-flex;\n }\n }\n /*&.isHover {\n\n }*/\n"])), function (props) {
|
|
47424
47764
|
return props.hoverBackgroundColor;
|
|
47425
47765
|
}, DownloadWrapper, FileIconCont, FileHoverIconCont);
|
|
47426
47766
|
var FileSizeAndDate = styled.span(_templateObject8$s || (_templateObject8$s = _taggedTemplateLiteralLoose(["\n display: block;\n font-style: normal;\n font-weight: normal;\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n margin-top: 2px;\n"])), function (props) {
|
|
@@ -47598,7 +47938,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
47598
47938
|
})));
|
|
47599
47939
|
}
|
|
47600
47940
|
|
|
47601
|
-
var _templateObject$12, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$
|
|
47941
|
+
var _templateObject$12, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$y, _templateObject7$x, _templateObject8$t;
|
|
47602
47942
|
var VoiceItem = function VoiceItem(_ref) {
|
|
47603
47943
|
var file = _ref.file,
|
|
47604
47944
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -47740,10 +48080,10 @@ var AudioInfo = styled.div(_templateObject4$H || (_templateObject4$H = _taggedTe
|
|
|
47740
48080
|
var AudioTitle = styled.span(_templateObject5$C || (_templateObject5$C = _taggedTemplateLiteralLoose(["\n display: block;\n font-style: normal;\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n color: ", ";\n"])), function (props) {
|
|
47741
48081
|
return props.color;
|
|
47742
48082
|
});
|
|
47743
|
-
var AudioDate = styled.span(_templateObject6$
|
|
48083
|
+
var AudioDate = styled.span(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
|
|
47744
48084
|
return props.color;
|
|
47745
48085
|
});
|
|
47746
|
-
var AudioSendTime = styled.span(_templateObject7$
|
|
48086
|
+
var AudioSendTime = styled.span(_templateObject7$x || (_templateObject7$x = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 11px;\n color: ", ";\n font-size: 12px;\n line-height: 16px;\n"])), function (props) {
|
|
47747
48087
|
return props.color;
|
|
47748
48088
|
});
|
|
47749
48089
|
var Audio = styled.audio(_templateObject8$t || (_templateObject8$t = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
@@ -48222,7 +48562,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
48222
48562
|
})));
|
|
48223
48563
|
};
|
|
48224
48564
|
|
|
48225
|
-
var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$
|
|
48565
|
+
var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$z, _templateObject7$y, _templateObject8$u, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
|
|
48226
48566
|
var Details = function Details(_ref) {
|
|
48227
48567
|
var _activeChannel$member;
|
|
48228
48568
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -48686,10 +49026,10 @@ var AboutChannel = styled.div(_templateObject4$J || (_templateObject4$J = _tagge
|
|
|
48686
49026
|
var AboutChannelTitle = styled.h4(_templateObject5$D || (_templateObject5$D = _taggedTemplateLiteralLoose(["\n font-size: 12px;\n margin: 0;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
|
|
48687
49027
|
return props.color;
|
|
48688
49028
|
});
|
|
48689
|
-
var AboutChannelText = styled.h3(_templateObject6$
|
|
49029
|
+
var AboutChannelText = styled.h3(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n margin: 0;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
|
|
48690
49030
|
return props.color;
|
|
48691
49031
|
});
|
|
48692
|
-
var ChannelInfo$5 = styled.div(_templateObject7$
|
|
49032
|
+
var ChannelInfo$5 = styled.div(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose(["\n position: relative;\n margin-left: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (props) {
|
|
48693
49033
|
return (!props.direction || props.direction !== 'column') && '16px';
|
|
48694
49034
|
}, function (props) {
|
|
48695
49035
|
return props.direction && props.direction === 'column' && '16px';
|
|
@@ -49312,5 +49652,5 @@ var handleGetMessage = function handleGetMessage(channelId, messageId) {
|
|
|
49312
49652
|
return store.dispatch(getMessageAC(channelId, messageId));
|
|
49313
49653
|
};
|
|
49314
49654
|
|
|
49315
|
-
export { Attachment$1 as Attachment, Avatar, Channel, ChannelDetailsContainer as ChannelDetails, ChannelList, ChannelSearch, Chat, ChatHeader, CreateChannel, DropDown, EmojisPopup, FrequentlyEmojis, MESSAGE_TYPE, MessagesContainer as MessageList, MessageStatusIcon, MessageTextFormat, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, OGMetadata, PollMessage, SceytChatContainer as SceytChat, SendMessageInput as SendMessage, THEME_COLORS, createOrGetDirectChannel, handleGetMessage, handleSendMessage, switchChannelActiveChannel };
|
|
49655
|
+
export { Attachment$1 as Attachment, Avatar, Channel, ChannelDetailsContainer as ChannelDetails, ChannelList, ChannelSearch, Chat, ChatHeader, CreateChannel, DropDown, EmojisPopup, FrequentlyEmojis, MESSAGE_TYPE, MessagesContainer as MessageList, MessageStatusIcon, MessageTextFormat, MessagesScrollToBottomButton, MessagesScrollToUnreadMentionsButton, OGMetadata, PollMessage, SceytChatContainer as SceytChat, SendMessageInput as SendMessage, THEME_COLORS, createOrGetDirectChannel, handleGetMessage, handleSendMessage, switchChannelActiveChannel, trimReactMessage };
|
|
49316
49656
|
//# sourceMappingURL=index.modern.js.map
|