sceyt-chat-react-uikit 1.7.8-beta.15 → 1.7.8-beta.17
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/index.js +335 -71
- package/index.modern.js +335 -72
- 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
|
};
|
|
@@ -14315,6 +14338,173 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
|
|
|
14315
14338
|
return text;
|
|
14316
14339
|
}
|
|
14317
14340
|
};
|
|
14341
|
+
var isMentionNode = function isMentionNode(node) {
|
|
14342
|
+
if (!node || typeof node !== 'object') return false;
|
|
14343
|
+
if (node.props && node.props.className) {
|
|
14344
|
+
var className = node.props.className;
|
|
14345
|
+
if (typeof className === 'string' && className.includes('mention')) {
|
|
14346
|
+
return true;
|
|
14347
|
+
}
|
|
14348
|
+
if (Array.isArray(className) && className.some(function (cls) {
|
|
14349
|
+
return typeof cls === 'string' && cls.includes('mention');
|
|
14350
|
+
})) {
|
|
14351
|
+
return true;
|
|
14352
|
+
}
|
|
14353
|
+
}
|
|
14354
|
+
return false;
|
|
14355
|
+
};
|
|
14356
|
+
var _getNodeTextLength = function getNodeTextLength(node) {
|
|
14357
|
+
if (!node) return 0;
|
|
14358
|
+
if (typeof node === 'string') return node.length;
|
|
14359
|
+
if (typeof node === 'number') return String(node).length;
|
|
14360
|
+
if (Array.isArray(node)) {
|
|
14361
|
+
return node.reduce(function (sum, child) {
|
|
14362
|
+
return sum + _getNodeTextLength(child);
|
|
14363
|
+
}, 0);
|
|
14364
|
+
}
|
|
14365
|
+
if (node.props && node.props.children) {
|
|
14366
|
+
return _getNodeTextLength(node.props.children);
|
|
14367
|
+
}
|
|
14368
|
+
return 0;
|
|
14369
|
+
};
|
|
14370
|
+
var _truncateNodeText3 = function truncateNodeText(node, maxLength) {
|
|
14371
|
+
if (!node) return {
|
|
14372
|
+
node: node,
|
|
14373
|
+
usedLength: 0
|
|
14374
|
+
};
|
|
14375
|
+
if (typeof node === 'string') {
|
|
14376
|
+
if (node.length > maxLength) {
|
|
14377
|
+
return {
|
|
14378
|
+
node: node.slice(0, maxLength),
|
|
14379
|
+
usedLength: maxLength
|
|
14380
|
+
};
|
|
14381
|
+
}
|
|
14382
|
+
return {
|
|
14383
|
+
node: node,
|
|
14384
|
+
usedLength: node.length
|
|
14385
|
+
};
|
|
14386
|
+
}
|
|
14387
|
+
if (typeof node === 'number') {
|
|
14388
|
+
var str = String(node);
|
|
14389
|
+
if (str.length > maxLength) {
|
|
14390
|
+
return {
|
|
14391
|
+
node: str.slice(0, maxLength),
|
|
14392
|
+
usedLength: maxLength
|
|
14393
|
+
};
|
|
14394
|
+
}
|
|
14395
|
+
return {
|
|
14396
|
+
node: node,
|
|
14397
|
+
usedLength: str.length
|
|
14398
|
+
};
|
|
14399
|
+
}
|
|
14400
|
+
if (Array.isArray(node)) {
|
|
14401
|
+
var result = [];
|
|
14402
|
+
var remaining = maxLength;
|
|
14403
|
+
for (var _iterator = _createForOfIteratorHelperLoose(node), _step; !(_step = _iterator()).done;) {
|
|
14404
|
+
var child = _step.value;
|
|
14405
|
+
if (remaining <= 0) break;
|
|
14406
|
+
var _truncateNodeText = _truncateNodeText3(child, remaining),
|
|
14407
|
+
truncatedChild = _truncateNodeText.node,
|
|
14408
|
+
usedLength = _truncateNodeText.usedLength;
|
|
14409
|
+
result.push(truncatedChild);
|
|
14410
|
+
remaining -= usedLength;
|
|
14411
|
+
}
|
|
14412
|
+
return {
|
|
14413
|
+
node: result,
|
|
14414
|
+
usedLength: maxLength - remaining
|
|
14415
|
+
};
|
|
14416
|
+
}
|
|
14417
|
+
if (node.props && node.props.children !== undefined) {
|
|
14418
|
+
var _truncateNodeText2 = _truncateNodeText3(node.props.children, maxLength),
|
|
14419
|
+
truncatedChildren = _truncateNodeText2.node,
|
|
14420
|
+
_usedLength = _truncateNodeText2.usedLength;
|
|
14421
|
+
return {
|
|
14422
|
+
node: _extends({}, node, {
|
|
14423
|
+
props: _extends({}, node.props, {
|
|
14424
|
+
children: truncatedChildren
|
|
14425
|
+
})
|
|
14426
|
+
}),
|
|
14427
|
+
usedLength: _usedLength
|
|
14428
|
+
};
|
|
14429
|
+
}
|
|
14430
|
+
return {
|
|
14431
|
+
node: node,
|
|
14432
|
+
usedLength: 0
|
|
14433
|
+
};
|
|
14434
|
+
};
|
|
14435
|
+
var trimReactMessage = function trimReactMessage(parts, limit) {
|
|
14436
|
+
if (typeof limit !== 'number' || limit < 0) {
|
|
14437
|
+
return {
|
|
14438
|
+
result: parts,
|
|
14439
|
+
truncated: false
|
|
14440
|
+
};
|
|
14441
|
+
}
|
|
14442
|
+
if (typeof parts === 'string') {
|
|
14443
|
+
if (parts.length > limit) {
|
|
14444
|
+
return {
|
|
14445
|
+
result: parts.slice(0, limit) + '...',
|
|
14446
|
+
truncated: true
|
|
14447
|
+
};
|
|
14448
|
+
}
|
|
14449
|
+
return {
|
|
14450
|
+
result: parts,
|
|
14451
|
+
truncated: false
|
|
14452
|
+
};
|
|
14453
|
+
}
|
|
14454
|
+
var remaining = limit;
|
|
14455
|
+
var truncated = false;
|
|
14456
|
+
var result = [];
|
|
14457
|
+
for (var _iterator2 = _createForOfIteratorHelperLoose(parts), _step2; !(_step2 = _iterator2()).done;) {
|
|
14458
|
+
var part = _step2.value;
|
|
14459
|
+
if (typeof part === 'string') {
|
|
14460
|
+
if (remaining <= 0) {
|
|
14461
|
+
truncated = true;
|
|
14462
|
+
break;
|
|
14463
|
+
}
|
|
14464
|
+
if (part.length > remaining) {
|
|
14465
|
+
result.push(part.slice(0, remaining));
|
|
14466
|
+
remaining = 0;
|
|
14467
|
+
truncated = true;
|
|
14468
|
+
break;
|
|
14469
|
+
} else {
|
|
14470
|
+
result.push(part);
|
|
14471
|
+
remaining -= part.length;
|
|
14472
|
+
}
|
|
14473
|
+
} else if (part && typeof part === 'object') {
|
|
14474
|
+
if (isMentionNode(part)) {
|
|
14475
|
+
var nodeTextLength = _getNodeTextLength(part);
|
|
14476
|
+
if (nodeTextLength <= remaining) {
|
|
14477
|
+
result.push(part);
|
|
14478
|
+
remaining -= nodeTextLength;
|
|
14479
|
+
} else {
|
|
14480
|
+
truncated = true;
|
|
14481
|
+
break;
|
|
14482
|
+
}
|
|
14483
|
+
} else {
|
|
14484
|
+
if (remaining <= 0) {
|
|
14485
|
+
truncated = true;
|
|
14486
|
+
break;
|
|
14487
|
+
}
|
|
14488
|
+
var _nodeTextLength = _getNodeTextLength(part);
|
|
14489
|
+
if (_nodeTextLength > remaining) {
|
|
14490
|
+
var _truncateNodeText4 = _truncateNodeText3(part, remaining),
|
|
14491
|
+
truncatedNode = _truncateNodeText4.node;
|
|
14492
|
+
result.push(truncatedNode);
|
|
14493
|
+
remaining = 0;
|
|
14494
|
+
truncated = true;
|
|
14495
|
+
break;
|
|
14496
|
+
} else {
|
|
14497
|
+
result.push(part);
|
|
14498
|
+
remaining -= _nodeTextLength;
|
|
14499
|
+
}
|
|
14500
|
+
}
|
|
14501
|
+
}
|
|
14502
|
+
}
|
|
14503
|
+
return {
|
|
14504
|
+
result: result,
|
|
14505
|
+
truncated: truncated
|
|
14506
|
+
};
|
|
14507
|
+
};
|
|
14318
14508
|
|
|
14319
14509
|
var _marked = /*#__PURE__*/_regenerator().m(updateActiveChannelMembersAdd),
|
|
14320
14510
|
_marked2 = /*#__PURE__*/_regenerator().m(updateActiveChannelMembersRemove);
|
|
@@ -30060,7 +30250,7 @@ var IconWrapper = styled.span(_templateObject10$2 || (_templateObject10$2 = _tag
|
|
|
30060
30250
|
}, function (props) {
|
|
30061
30251
|
return props.hideInMobile && "\n @media (max-width: 550px) {\n display: none;\n }\n ";
|
|
30062
30252
|
});
|
|
30063
|
-
var CarouselItem = styled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n
|
|
30253
|
+
var CarouselItem = styled.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n min-width: 280px;\n max-width: 100%;\n max-height: calc(100vh - 200px);\n height: 100%;\n width: 100%;\n @media (max-width: 480px) {\n min-width: inherit;\n }\n }\n\n img {\n min-width: inherit;\n }\n"])), function (props) {
|
|
30064
30254
|
return props.visibleSlide ? 1 : 0;
|
|
30065
30255
|
});
|
|
30066
30256
|
var UploadCont$1 = styled.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n //position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n min-height: 100px;\n min-width: 100px;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
@@ -36446,7 +36636,7 @@ var OGTextWrapper = styled.div(_templateObject9$e || (_templateObject9$e = _tagg
|
|
|
36446
36636
|
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
36637
|
var FaviconImg = styled.img(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
36448
36638
|
|
|
36449
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
36639
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$k, _templateObject7$j;
|
|
36450
36640
|
var MessageBody = function MessageBody(_ref) {
|
|
36451
36641
|
var message = _ref.message,
|
|
36452
36642
|
channel = _ref.channel,
|
|
@@ -36595,7 +36785,8 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36595
36785
|
shouldOpenUserProfileForMention = _ref.shouldOpenUserProfileForMention,
|
|
36596
36786
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
36597
36787
|
unsupportedMessage = _ref.unsupportedMessage,
|
|
36598
|
-
onInviteLinkClick = _ref.onInviteLinkClick
|
|
36788
|
+
onInviteLinkClick = _ref.onInviteLinkClick,
|
|
36789
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
36599
36790
|
var _useColor = useColors(),
|
|
36600
36791
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
36601
36792
|
textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
|
|
@@ -36610,6 +36801,61 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36610
36801
|
var user = ChatClient.user;
|
|
36611
36802
|
var getFromContacts = getShowOnlyContactUsers();
|
|
36612
36803
|
var messageUserID = message.user ? message.user.id : 'deleted';
|
|
36804
|
+
var _useState = useState(false),
|
|
36805
|
+
isExpanded = _useState[0],
|
|
36806
|
+
setIsExpanded = _useState[1];
|
|
36807
|
+
var textContainerRef = useRef(null);
|
|
36808
|
+
var _useState2 = useState('auto'),
|
|
36809
|
+
textHeight = _useState2[0],
|
|
36810
|
+
setTextHeight = _useState2[1];
|
|
36811
|
+
var messageText = useMemo(function () {
|
|
36812
|
+
return MessageTextFormat({
|
|
36813
|
+
text: message.body,
|
|
36814
|
+
message: message,
|
|
36815
|
+
contactsMap: contactsMap,
|
|
36816
|
+
getFromContacts: getFromContacts,
|
|
36817
|
+
accentColor: accentColor,
|
|
36818
|
+
textSecondary: textSecondary,
|
|
36819
|
+
onMentionNameClick: handleOpenUserProfile,
|
|
36820
|
+
shouldOpenUserProfileForMention: !!shouldOpenUserProfileForMention,
|
|
36821
|
+
unsupportedMessage: unsupportedMessage,
|
|
36822
|
+
target: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.target,
|
|
36823
|
+
isInviteLink: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.isInviteLink) || false,
|
|
36824
|
+
onInviteLinkClick: onInviteLinkClick
|
|
36825
|
+
});
|
|
36826
|
+
}, [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]);
|
|
36827
|
+
var messageTextTrimmed = useMemo(function () {
|
|
36828
|
+
if (!message.body) return {
|
|
36829
|
+
result: messageText,
|
|
36830
|
+
truncated: false
|
|
36831
|
+
};
|
|
36832
|
+
if (isExpanded) return {
|
|
36833
|
+
result: messageText,
|
|
36834
|
+
truncated: false
|
|
36835
|
+
};
|
|
36836
|
+
return trimReactMessage(messageText, collapsedCharacterLimit);
|
|
36837
|
+
}, [message.body, messageText, isExpanded, collapsedCharacterLimit]);
|
|
36838
|
+
useEffect(function () {
|
|
36839
|
+
if (textContainerRef.current && typeof collapsedCharacterLimit === 'number' && collapsedCharacterLimit >= 0) {
|
|
36840
|
+
if (messageTextTrimmed.truncated && !isExpanded) {
|
|
36841
|
+
requestAnimationFrame(function () {
|
|
36842
|
+
if (textContainerRef.current) {
|
|
36843
|
+
var height = textContainerRef.current.scrollHeight;
|
|
36844
|
+
setTextHeight(height);
|
|
36845
|
+
}
|
|
36846
|
+
});
|
|
36847
|
+
} else if (isExpanded) {
|
|
36848
|
+
requestAnimationFrame(function () {
|
|
36849
|
+
if (textContainerRef.current) {
|
|
36850
|
+
var fullHeight = textContainerRef.current.scrollHeight;
|
|
36851
|
+
setTextHeight(fullHeight);
|
|
36852
|
+
}
|
|
36853
|
+
});
|
|
36854
|
+
} else if (!messageTextTrimmed.truncated && textHeight !== 'auto') {
|
|
36855
|
+
setTextHeight('auto');
|
|
36856
|
+
}
|
|
36857
|
+
}
|
|
36858
|
+
}, [isExpanded, messageTextTrimmed.truncated, textHeight, collapsedCharacterLimit]);
|
|
36613
36859
|
var prevMessageUserID = useMemo(function () {
|
|
36614
36860
|
return prevMessage ? prevMessage.user ? prevMessage.user.id : 'deleted' : null;
|
|
36615
36861
|
}, [prevMessage]);
|
|
@@ -36907,22 +37153,17 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36907
37153
|
ogContainerShowBackground: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogContainerShowBackground,
|
|
36908
37154
|
ogContainerBackground: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogContainerBackground,
|
|
36909
37155
|
infoPadding: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.infoPadding
|
|
36910
|
-
})), message.type !== MESSAGE_TYPE.POLL && (/*#__PURE__*/React__default.createElement(
|
|
37156
|
+
})), message.type !== MESSAGE_TYPE.POLL && (/*#__PURE__*/React__default.createElement(TextContentContainer, {
|
|
37157
|
+
ref: textContainerRef,
|
|
37158
|
+
textHeight: textHeight
|
|
37159
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
36911
37160
|
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, {
|
|
37161
|
+
}, 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, {
|
|
37162
|
+
onClick: function onClick() {
|
|
37163
|
+
return setIsExpanded(true);
|
|
37164
|
+
},
|
|
37165
|
+
accentColor: accentColor
|
|
37166
|
+
}, "Read more")))), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
|
|
36926
37167
|
color: textSecondary
|
|
36927
37168
|
}, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
|
|
36928
37169
|
maxWidth: ogMetadataContainerWidth,
|
|
@@ -37040,7 +37281,7 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
37040
37281
|
};
|
|
37041
37282
|
var MessageBody$1 = /*#__PURE__*/React__default.memo(MessageBody, function (prevProps, nextProps) {
|
|
37042
37283
|
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));
|
|
37284
|
+
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
37285
|
});
|
|
37045
37286
|
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
37287
|
return props.color;
|
|
@@ -37097,8 +37338,14 @@ var FrequentlyEmojisContainer = styled.div(_templateObject5$m || (_templateObjec
|
|
|
37097
37338
|
}, function (props) {
|
|
37098
37339
|
return props.rtlDirection && '0';
|
|
37099
37340
|
});
|
|
37341
|
+
var TextContentContainer = styled.div(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n height: ", ";\n transition: height 0.3s ease-out;\n"])), function (props) {
|
|
37342
|
+
return props.textHeight !== 'auto' ? props.textHeight + "px" : 'auto';
|
|
37343
|
+
});
|
|
37344
|
+
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) {
|
|
37345
|
+
return props.accentColor;
|
|
37346
|
+
});
|
|
37100
37347
|
|
|
37101
|
-
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$
|
|
37348
|
+
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
37102
37349
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
37103
37350
|
var m = moment(date);
|
|
37104
37351
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -37593,10 +37840,10 @@ var Row$2 = styled.div(_templateObject4$s || (_templateObject4$s = _taggedTempla
|
|
|
37593
37840
|
return p.backgroundHover;
|
|
37594
37841
|
});
|
|
37595
37842
|
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$
|
|
37843
|
+
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
37844
|
return p.color;
|
|
37598
37845
|
});
|
|
37599
|
-
var RowDate = styled.div(_templateObject7$
|
|
37846
|
+
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
37847
|
return p.color;
|
|
37601
37848
|
});
|
|
37602
37849
|
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 +37889,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
37642
37889
|
});
|
|
37643
37890
|
}
|
|
37644
37891
|
|
|
37645
|
-
var _templateObject$J, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$o, _templateObject6$
|
|
37892
|
+
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
37893
|
var Message$1 = function Message(_ref) {
|
|
37647
37894
|
var message = _ref.message,
|
|
37648
37895
|
channel = _ref.channel,
|
|
@@ -37800,7 +38047,8 @@ var Message$1 = function Message(_ref) {
|
|
|
37800
38047
|
shouldOpenUserProfileForMention = _ref.shouldOpenUserProfileForMention,
|
|
37801
38048
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
37802
38049
|
_ref$showInfoMessageP = _ref.showInfoMessageProps,
|
|
37803
|
-
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP
|
|
38050
|
+
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
|
|
38051
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
37804
38052
|
var _useColor = useColors(),
|
|
37805
38053
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
37806
38054
|
backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
|
|
@@ -37944,7 +38192,17 @@ var Message$1 = function Message(_ref) {
|
|
|
37944
38192
|
setMessageActionsShow(false);
|
|
37945
38193
|
};
|
|
37946
38194
|
var handleCopyMessage = function handleCopyMessage() {
|
|
37947
|
-
|
|
38195
|
+
var getFromContacts = getShowOnlyContactUsers();
|
|
38196
|
+
var textToCopyHTML = MessageTextFormat({
|
|
38197
|
+
text: message.body,
|
|
38198
|
+
message: message,
|
|
38199
|
+
contactsMap: contactsMap,
|
|
38200
|
+
getFromContacts: getFromContacts,
|
|
38201
|
+
accentColor: '',
|
|
38202
|
+
textSecondary: ''
|
|
38203
|
+
});
|
|
38204
|
+
var textToCopy = typeof textToCopyHTML === 'string' ? textToCopyHTML : _extractTextFromReactElement(textToCopyHTML);
|
|
38205
|
+
navigator.clipboard.writeText(textToCopy);
|
|
37948
38206
|
setMessageActionsShow(false);
|
|
37949
38207
|
};
|
|
37950
38208
|
var handleToggleReactionsPopup = function handleToggleReactionsPopup() {
|
|
@@ -38333,7 +38591,8 @@ var Message$1 = function Message(_ref) {
|
|
|
38333
38591
|
handleOpenUserProfile: handleOpenUserProfile,
|
|
38334
38592
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
38335
38593
|
ogMetadataProps: ogMetadataProps,
|
|
38336
|
-
unsupportedMessage: unsupportedMessage
|
|
38594
|
+
unsupportedMessage: unsupportedMessage,
|
|
38595
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
38337
38596
|
})), messageStatusAndTimePosition === 'bottomOfMessage' && (messageStatusVisible || messageTimeVisible) && (/*#__PURE__*/React__default.createElement(MessageStatusAndTime$1, {
|
|
38338
38597
|
message: message,
|
|
38339
38598
|
showMessageTimeAndStatusOnlyOnHover: showMessageTimeAndStatusOnlyOnHover,
|
|
@@ -38472,8 +38731,8 @@ var FailedMessageIcon = styled.div(_templateObject5$o || (_templateObject5$o = _
|
|
|
38472
38731
|
}, function (props) {
|
|
38473
38732
|
return props.rtl && '-24px';
|
|
38474
38733
|
});
|
|
38475
|
-
var ErrorIconWrapper = styled(SvgErrorIcon)(_templateObject6$
|
|
38476
|
-
var SelectMessageWrapper = styled.div(_templateObject7$
|
|
38734
|
+
var ErrorIconWrapper = styled(SvgErrorIcon)(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n"])));
|
|
38735
|
+
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
38736
|
return !props.disabled && 'pointer';
|
|
38478
38737
|
}, function (props) {
|
|
38479
38738
|
return props.activeColor;
|
|
@@ -38544,7 +38803,7 @@ var MessageItem = styled.div(_templateObject12$4 || (_templateObject12$4 = _tagg
|
|
|
38544
38803
|
return props.hoverBackground || '';
|
|
38545
38804
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
38546
38805
|
|
|
38547
|
-
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$
|
|
38806
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$n, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
38548
38807
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
38549
38808
|
var lastIndex = _ref.lastIndex,
|
|
38550
38809
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38734,7 +38993,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
38734
38993
|
shouldOpenUserProfileForMention = _ref2.shouldOpenUserProfileForMention,
|
|
38735
38994
|
_ref2$showInfoMessage = _ref2.showInfoMessageProps,
|
|
38736
38995
|
showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
|
|
38737
|
-
ogMetadataProps = _ref2.ogMetadataProps
|
|
38996
|
+
ogMetadataProps = _ref2.ogMetadataProps,
|
|
38997
|
+
collapsedCharacterLimit = _ref2.collapsedCharacterLimit;
|
|
38738
38998
|
var _useColor = useColors(),
|
|
38739
38999
|
outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
|
|
38740
39000
|
themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -39595,7 +39855,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
39595
39855
|
messageStatusAndTimeLineHeight: messageStatusAndTimeLineHeight,
|
|
39596
39856
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
39597
39857
|
showInfoMessageProps: showInfoMessageProps,
|
|
39598
|
-
ogMetadataProps: ogMetadataProps
|
|
39858
|
+
ogMetadataProps: ogMetadataProps,
|
|
39859
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
39599
39860
|
}))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
|
|
39600
39861
|
theme: theme,
|
|
39601
39862
|
newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
|
|
@@ -39658,12 +39919,12 @@ var DragAndDropContainer = styled.div(_templateObject5$p || (_templateObject5$p
|
|
|
39658
39919
|
}, function (props) {
|
|
39659
39920
|
return props.backgroundColor;
|
|
39660
39921
|
});
|
|
39661
|
-
var IconWrapper$1 = styled.span(_templateObject6$
|
|
39922
|
+
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
39923
|
return props.backgroundColor;
|
|
39663
39924
|
}, function (props) {
|
|
39664
39925
|
return props.iconColor;
|
|
39665
39926
|
});
|
|
39666
|
-
var DropAttachmentArea = styled.div(_templateObject7$
|
|
39927
|
+
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
39928
|
return props.borderColor;
|
|
39668
39929
|
}, function (props) {
|
|
39669
39930
|
return props.margin || '12px 32px 32px';
|
|
@@ -39856,7 +40117,8 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
39856
40117
|
},
|
|
39857
40118
|
infoPadding: '0 8px',
|
|
39858
40119
|
isInviteLink: false
|
|
39859
|
-
} : _ref$ogMetadataProps
|
|
40120
|
+
} : _ref$ogMetadataProps,
|
|
40121
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
39860
40122
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
|
|
39861
40123
|
fontFamily: fontFamily,
|
|
39862
40124
|
ownMessageOnRightSide: ownMessageOnRightSide,
|
|
@@ -39990,7 +40252,8 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
39990
40252
|
hiddenMessagesProperties: hiddenMessagesProperties,
|
|
39991
40253
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
39992
40254
|
showInfoMessageProps: showInfoMessageProps,
|
|
39993
|
-
ogMetadataProps: ogMetadataProps
|
|
40255
|
+
ogMetadataProps: ogMetadataProps,
|
|
40256
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
39994
40257
|
}));
|
|
39995
40258
|
};
|
|
39996
40259
|
|
|
@@ -41335,7 +41598,7 @@ function FormatMessagePlugin(_ref3) {
|
|
|
41335
41598
|
return null;
|
|
41336
41599
|
}
|
|
41337
41600
|
|
|
41338
|
-
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$
|
|
41601
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k;
|
|
41339
41602
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
41340
41603
|
var collectionName = _ref.collectionName;
|
|
41341
41604
|
switch (collectionName) {
|
|
@@ -41561,8 +41824,8 @@ var EmojiCollection$1 = styled.span(_templateObject4$w || (_templateObject4$w =
|
|
|
41561
41824
|
return props.iconColor;
|
|
41562
41825
|
});
|
|
41563
41826
|
var CollectionPointer$1 = styled.span(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose([""])));
|
|
41564
|
-
var AllEmojis$1 = styled.ul(_templateObject6$
|
|
41565
|
-
var EmojiFooter$1 = styled.div(_templateObject7$
|
|
41827
|
+
var AllEmojis$1 = styled.ul(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
|
|
41828
|
+
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
41829
|
return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
|
|
41567
41830
|
}, function (props) {
|
|
41568
41831
|
return props.emojisCategoryIconsPosition === 'top' && "1px solid " + props.borderColor;
|
|
@@ -41768,7 +42031,7 @@ function SvgRecordButton(props) {
|
|
|
41768
42031
|
})));
|
|
41769
42032
|
}
|
|
41770
42033
|
|
|
41771
|
-
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$
|
|
42034
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$o;
|
|
41772
42035
|
var fieldsObject = {
|
|
41773
42036
|
channelId: '',
|
|
41774
42037
|
currentRecordedFile: null,
|
|
@@ -42410,7 +42673,7 @@ var AudioVisualization$1 = styled.div(_templateObject4$x || (_templateObject4$x
|
|
|
42410
42673
|
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
42674
|
return props.iconColor;
|
|
42412
42675
|
});
|
|
42413
|
-
var Canvas = styled.canvas(_templateObject6$
|
|
42676
|
+
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
42677
|
var recording = _ref8.recording;
|
|
42415
42678
|
return recording ? '300px' : '0';
|
|
42416
42679
|
}, function (_ref9) {
|
|
@@ -42420,7 +42683,7 @@ var Canvas = styled.canvas(_templateObject6$o || (_templateObject6$o = _taggedTe
|
|
|
42420
42683
|
var hide = _ref0.hide;
|
|
42421
42684
|
return hide && '-1';
|
|
42422
42685
|
});
|
|
42423
|
-
var Timer$2 = styled.div(_templateObject7$
|
|
42686
|
+
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
42687
|
return props.color;
|
|
42425
42688
|
});
|
|
42426
42689
|
|
|
@@ -42475,7 +42738,7 @@ function SvgDotsVertica(props) {
|
|
|
42475
42738
|
})));
|
|
42476
42739
|
}
|
|
42477
42740
|
|
|
42478
|
-
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$
|
|
42741
|
+
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$i;
|
|
42479
42742
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
42480
42743
|
var togglePopup = _ref.togglePopup,
|
|
42481
42744
|
onCreate = _ref.onCreate;
|
|
@@ -42874,7 +43137,7 @@ var OptionRow = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTe
|
|
|
42874
43137
|
}, function (props) {
|
|
42875
43138
|
return props.isDragging ? 0.6 : 1;
|
|
42876
43139
|
});
|
|
42877
|
-
var RemoveOptionIcon = styled(SvgClose)(_templateObject6$
|
|
43140
|
+
var RemoveOptionIcon = styled(SvgClose)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
42878
43141
|
return props.color;
|
|
42879
43142
|
}, function (props) {
|
|
42880
43143
|
return props.width;
|
|
@@ -42883,7 +43146,7 @@ var RemoveOptionIcon = styled(SvgClose)(_templateObject6$p || (_templateObject6$
|
|
|
42883
43146
|
}, function (props) {
|
|
42884
43147
|
return props.disabled ? 0.5 : 1;
|
|
42885
43148
|
});
|
|
42886
|
-
var AddOptionButton = styled.button(_templateObject7$
|
|
43149
|
+
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
43150
|
return props.disabled ? props.disabledColor : props.color;
|
|
42888
43151
|
}, function (props) {
|
|
42889
43152
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
@@ -42895,7 +43158,7 @@ var SettingItem = styled.div(_templateObject9$i || (_templateObject9$i = _tagged
|
|
|
42895
43158
|
return props.color;
|
|
42896
43159
|
});
|
|
42897
43160
|
|
|
42898
|
-
var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$
|
|
43161
|
+
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
43162
|
function AutoFocusPlugin(_ref) {
|
|
42900
43163
|
var messageForReply = _ref.messageForReply;
|
|
42901
43164
|
var _useLexicalComposerCo = useLexicalComposerContext(),
|
|
@@ -44581,10 +44844,10 @@ var EditMessageText = styled.p(_templateObject4$z || (_templateObject4$z = _tagg
|
|
|
44581
44844
|
var UploadErrorMessage = styled.p(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n margin: 0;\n position: absolute;\n top: -30px;\n color: ", ";\n"])), function (props) {
|
|
44582
44845
|
return props.color;
|
|
44583
44846
|
});
|
|
44584
|
-
var CloseEditMode = styled.span(_templateObject6$
|
|
44847
|
+
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
44848
|
return props.color;
|
|
44586
44849
|
});
|
|
44587
|
-
var UserName$1 = styled.span(_templateObject7$
|
|
44850
|
+
var UserName$1 = styled.span(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n margin-left: 4px;\n"])));
|
|
44588
44851
|
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
44852
|
return props.linkColor;
|
|
44590
44853
|
});
|
|
@@ -45055,7 +45318,7 @@ var StyledPopupName = styled(PopupName)(_templateObject$S || (_templateObject$S
|
|
|
45055
45318
|
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
45319
|
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
45320
|
|
|
45058
|
-
var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$
|
|
45321
|
+
var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$s, _templateObject7$r, _templateObject8$n;
|
|
45059
45322
|
var TIMER_OPTIONS = [{
|
|
45060
45323
|
key: 'off',
|
|
45061
45324
|
label: 'Off'
|
|
@@ -45307,13 +45570,13 @@ var CustomSelectWrapper = styled.div(_templateObject4$A || (_templateObject4$A =
|
|
|
45307
45570
|
return props.accentColor;
|
|
45308
45571
|
});
|
|
45309
45572
|
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$
|
|
45573
|
+
var CustomDropdownOptionLi = styled(DropdownOptionLi)(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
|
|
45574
|
+
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
45575
|
return props.accentColor;
|
|
45313
45576
|
}, CustomDropdownOptionLi);
|
|
45314
45577
|
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
45578
|
|
|
45316
|
-
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$
|
|
45579
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$t, _templateObject7$s, _templateObject8$o;
|
|
45317
45580
|
var formatMemberCount = function formatMemberCount(count, channelType) {
|
|
45318
45581
|
if (channelType === DEFAULT_CHANNEL_TYPE.BROADCAST || channelType === DEFAULT_CHANNEL_TYPE.PUBLIC) {
|
|
45319
45582
|
return count + " " + (count > 1 ? 'subscribers' : 'subscriber');
|
|
@@ -45483,15 +45746,15 @@ var ChannelTitle$1 = styled.div(_templateObject4$B || (_templateObject4$B = _tag
|
|
|
45483
45746
|
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
45747
|
return props.color;
|
|
45485
45748
|
});
|
|
45486
|
-
var LoadingText$1 = styled.div(_templateObject6$
|
|
45749
|
+
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
45750
|
return props.color;
|
|
45488
45751
|
});
|
|
45489
|
-
var EmptyText = styled.div(_templateObject7$
|
|
45752
|
+
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
45753
|
return props.color;
|
|
45491
45754
|
});
|
|
45492
45755
|
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
45756
|
|
|
45494
|
-
var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$
|
|
45757
|
+
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
45758
|
var Actions = function Actions(_ref) {
|
|
45496
45759
|
var _getDisappearingSetti;
|
|
45497
45760
|
var setActionsHeight = _ref.setActionsHeight,
|
|
@@ -46025,8 +46288,8 @@ var MenuTriggerIcon = styled.span(_templateObject3$J || (_templateObject3$J = _t
|
|
|
46025
46288
|
});
|
|
46026
46289
|
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
46290
|
var DefaultMutedIcon = styled(SvgUnmuteNotifications)(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose([""])));
|
|
46028
|
-
var DefaultMuteIcon = styled(SvgNotifications)(_templateObject6$
|
|
46029
|
-
var DefaultStarIcon = styled(SvgStar)(_templateObject7$
|
|
46291
|
+
var DefaultMuteIcon = styled(SvgNotifications)(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose([""])));
|
|
46292
|
+
var DefaultStarIcon = styled(SvgStar)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose([""])));
|
|
46030
46293
|
var DefaultUnpinIcon = styled(SvgUnpin)(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose([""])));
|
|
46031
46294
|
var DefaultPinIcon = styled(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
|
|
46032
46295
|
var DefaultMarkAsRead = styled(SvgMarkAsRead)(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose([""])));
|
|
@@ -46265,7 +46528,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
46265
46528
|
});
|
|
46266
46529
|
}
|
|
46267
46530
|
|
|
46268
|
-
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$D, _templateObject5$y, _templateObject6$
|
|
46531
|
+
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
46532
|
function InviteLinkModal(_ref) {
|
|
46270
46533
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
46271
46534
|
var onClose = _ref.onClose,
|
|
@@ -46768,12 +47031,12 @@ var Description = styled.p(_templateObject4$D || (_templateObject4$D = _taggedTe
|
|
|
46768
47031
|
var FieldLabel = styled.span(_templateObject5$y || (_templateObject5$y = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
|
|
46769
47032
|
return p.color;
|
|
46770
47033
|
});
|
|
46771
|
-
var LinkField = styled.div(_templateObject6$
|
|
47034
|
+
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
47035
|
return p.borderColor;
|
|
46773
47036
|
}, function (p) {
|
|
46774
47037
|
return p.backgroundColor;
|
|
46775
47038
|
});
|
|
46776
|
-
var LinkInput = styled.input(_templateObject7$
|
|
47039
|
+
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
47040
|
return p.color;
|
|
46778
47041
|
});
|
|
46779
47042
|
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 +47060,7 @@ var QrHint = styled.p(_templateObject13$5 || (_templateObject13$5 = _taggedTempl
|
|
|
46797
47060
|
return p.color;
|
|
46798
47061
|
});
|
|
46799
47062
|
|
|
46800
|
-
var _templateObject$Y, _templateObject2$T, _templateObject3$M, _templateObject4$E, _templateObject5$z, _templateObject6$
|
|
47063
|
+
var _templateObject$Y, _templateObject2$T, _templateObject3$M, _templateObject4$E, _templateObject5$z, _templateObject6$w, _templateObject7$v, _templateObject8$r, _templateObject9$m;
|
|
46801
47064
|
var Members = function Members(_ref) {
|
|
46802
47065
|
var _members$find;
|
|
46803
47066
|
var channel = _ref.channel,
|
|
@@ -47116,10 +47379,10 @@ var MemberNameWrapper = styled.div(_templateObject4$E || (_templateObject4$E = _
|
|
|
47116
47379
|
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
47380
|
return props.color;
|
|
47118
47381
|
});
|
|
47119
|
-
var EditMemberIcon = styled.span(_templateObject6$
|
|
47382
|
+
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
47383
|
return props.color;
|
|
47121
47384
|
});
|
|
47122
|
-
var MembersList = styled.ul(_templateObject7$
|
|
47385
|
+
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
47386
|
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
47387
|
return props.fontSize || '15px';
|
|
47125
47388
|
}, function (props) {
|
|
@@ -47278,7 +47541,7 @@ function SvgDownloadFile(props) {
|
|
|
47278
47541
|
})));
|
|
47279
47542
|
}
|
|
47280
47543
|
|
|
47281
|
-
var _templateObject$$, _templateObject2$V, _templateObject3$N, _templateObject4$F, _templateObject5$A, _templateObject6$
|
|
47544
|
+
var _templateObject$$, _templateObject2$V, _templateObject3$N, _templateObject4$F, _templateObject5$A, _templateObject6$x, _templateObject7$w, _templateObject8$s;
|
|
47282
47545
|
var Files = function Files(_ref) {
|
|
47283
47546
|
var channelId = _ref.channelId,
|
|
47284
47547
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -47419,8 +47682,8 @@ var FileHoverIconCont = styled.span(_templateObject5$A || (_templateObject5$A =
|
|
|
47419
47682
|
}, function (props) {
|
|
47420
47683
|
return props.fillColor;
|
|
47421
47684
|
});
|
|
47422
|
-
var FileThumb = styled.img(_templateObject6$
|
|
47423
|
-
var FileItem = styled.div(_templateObject7$
|
|
47685
|
+
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"])));
|
|
47686
|
+
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
47687
|
return props.hoverBackgroundColor;
|
|
47425
47688
|
}, DownloadWrapper, FileIconCont, FileHoverIconCont);
|
|
47426
47689
|
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 +47861,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
47598
47861
|
})));
|
|
47599
47862
|
}
|
|
47600
47863
|
|
|
47601
|
-
var _templateObject$12, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$
|
|
47864
|
+
var _templateObject$12, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$y, _templateObject7$x, _templateObject8$t;
|
|
47602
47865
|
var VoiceItem = function VoiceItem(_ref) {
|
|
47603
47866
|
var file = _ref.file,
|
|
47604
47867
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -47740,10 +48003,10 @@ var AudioInfo = styled.div(_templateObject4$H || (_templateObject4$H = _taggedTe
|
|
|
47740
48003
|
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
48004
|
return props.color;
|
|
47742
48005
|
});
|
|
47743
|
-
var AudioDate = styled.span(_templateObject6$
|
|
48006
|
+
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
48007
|
return props.color;
|
|
47745
48008
|
});
|
|
47746
|
-
var AudioSendTime = styled.span(_templateObject7$
|
|
48009
|
+
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
48010
|
return props.color;
|
|
47748
48011
|
});
|
|
47749
48012
|
var Audio = styled.audio(_templateObject8$t || (_templateObject8$t = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
@@ -48222,7 +48485,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
48222
48485
|
})));
|
|
48223
48486
|
};
|
|
48224
48487
|
|
|
48225
|
-
var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$
|
|
48488
|
+
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
48489
|
var Details = function Details(_ref) {
|
|
48227
48490
|
var _activeChannel$member;
|
|
48228
48491
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -48686,10 +48949,10 @@ var AboutChannel = styled.div(_templateObject4$J || (_templateObject4$J = _tagge
|
|
|
48686
48949
|
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
48950
|
return props.color;
|
|
48688
48951
|
});
|
|
48689
|
-
var AboutChannelText = styled.h3(_templateObject6$
|
|
48952
|
+
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
48953
|
return props.color;
|
|
48691
48954
|
});
|
|
48692
|
-
var ChannelInfo$5 = styled.div(_templateObject7$
|
|
48955
|
+
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
48956
|
return (!props.direction || props.direction !== 'column') && '16px';
|
|
48694
48957
|
}, function (props) {
|
|
48695
48958
|
return props.direction && props.direction === 'column' && '16px';
|
|
@@ -49312,5 +49575,5 @@ var handleGetMessage = function handleGetMessage(channelId, messageId) {
|
|
|
49312
49575
|
return store.dispatch(getMessageAC(channelId, messageId));
|
|
49313
49576
|
};
|
|
49314
49577
|
|
|
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 };
|
|
49578
|
+
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
49579
|
//# sourceMappingURL=index.modern.js.map
|