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.js
CHANGED
|
@@ -9028,6 +9028,29 @@ var handleVoteDetails = function handleVoteDetails(voteDetails, message) {
|
|
|
9028
9028
|
voteDetails: newVoteDetails
|
|
9029
9029
|
});
|
|
9030
9030
|
};
|
|
9031
|
+
var _extractTextFromReactElement = function extractTextFromReactElement(element) {
|
|
9032
|
+
if (typeof element === 'string') {
|
|
9033
|
+
return element;
|
|
9034
|
+
}
|
|
9035
|
+
if (element === null || element === undefined) {
|
|
9036
|
+
return '';
|
|
9037
|
+
}
|
|
9038
|
+
if (Array.isArray(element)) {
|
|
9039
|
+
return element.map(_extractTextFromReactElement).join('');
|
|
9040
|
+
}
|
|
9041
|
+
if (typeof element === 'object' && element.props) {
|
|
9042
|
+
if (typeof element.props.children === 'string') {
|
|
9043
|
+
return element.props.children;
|
|
9044
|
+
}
|
|
9045
|
+
if (Array.isArray(element.props.children)) {
|
|
9046
|
+
return element.props.children.map(_extractTextFromReactElement).join('');
|
|
9047
|
+
}
|
|
9048
|
+
if (element.props.children) {
|
|
9049
|
+
return _extractTextFromReactElement(element.props.children);
|
|
9050
|
+
}
|
|
9051
|
+
}
|
|
9052
|
+
return '';
|
|
9053
|
+
};
|
|
9031
9054
|
var checkIsTypeKeyPressed = function checkIsTypeKeyPressed(code) {
|
|
9032
9055
|
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');
|
|
9033
9056
|
};
|
|
@@ -14316,6 +14339,173 @@ var MessageTextFormat = function MessageTextFormat(_ref2) {
|
|
|
14316
14339
|
return text;
|
|
14317
14340
|
}
|
|
14318
14341
|
};
|
|
14342
|
+
var isMentionNode = function isMentionNode(node) {
|
|
14343
|
+
if (!node || typeof node !== 'object') return false;
|
|
14344
|
+
if (node.props && node.props.className) {
|
|
14345
|
+
var className = node.props.className;
|
|
14346
|
+
if (typeof className === 'string' && className.includes('mention')) {
|
|
14347
|
+
return true;
|
|
14348
|
+
}
|
|
14349
|
+
if (Array.isArray(className) && className.some(function (cls) {
|
|
14350
|
+
return typeof cls === 'string' && cls.includes('mention');
|
|
14351
|
+
})) {
|
|
14352
|
+
return true;
|
|
14353
|
+
}
|
|
14354
|
+
}
|
|
14355
|
+
return false;
|
|
14356
|
+
};
|
|
14357
|
+
var _getNodeTextLength = function getNodeTextLength(node) {
|
|
14358
|
+
if (!node) return 0;
|
|
14359
|
+
if (typeof node === 'string') return node.length;
|
|
14360
|
+
if (typeof node === 'number') return String(node).length;
|
|
14361
|
+
if (Array.isArray(node)) {
|
|
14362
|
+
return node.reduce(function (sum, child) {
|
|
14363
|
+
return sum + _getNodeTextLength(child);
|
|
14364
|
+
}, 0);
|
|
14365
|
+
}
|
|
14366
|
+
if (node.props && node.props.children) {
|
|
14367
|
+
return _getNodeTextLength(node.props.children);
|
|
14368
|
+
}
|
|
14369
|
+
return 0;
|
|
14370
|
+
};
|
|
14371
|
+
var _truncateNodeText3 = function truncateNodeText(node, maxLength) {
|
|
14372
|
+
if (!node) return {
|
|
14373
|
+
node: node,
|
|
14374
|
+
usedLength: 0
|
|
14375
|
+
};
|
|
14376
|
+
if (typeof node === 'string') {
|
|
14377
|
+
if (node.length > maxLength) {
|
|
14378
|
+
return {
|
|
14379
|
+
node: node.slice(0, maxLength),
|
|
14380
|
+
usedLength: maxLength
|
|
14381
|
+
};
|
|
14382
|
+
}
|
|
14383
|
+
return {
|
|
14384
|
+
node: node,
|
|
14385
|
+
usedLength: node.length
|
|
14386
|
+
};
|
|
14387
|
+
}
|
|
14388
|
+
if (typeof node === 'number') {
|
|
14389
|
+
var str = String(node);
|
|
14390
|
+
if (str.length > maxLength) {
|
|
14391
|
+
return {
|
|
14392
|
+
node: str.slice(0, maxLength),
|
|
14393
|
+
usedLength: maxLength
|
|
14394
|
+
};
|
|
14395
|
+
}
|
|
14396
|
+
return {
|
|
14397
|
+
node: node,
|
|
14398
|
+
usedLength: str.length
|
|
14399
|
+
};
|
|
14400
|
+
}
|
|
14401
|
+
if (Array.isArray(node)) {
|
|
14402
|
+
var result = [];
|
|
14403
|
+
var remaining = maxLength;
|
|
14404
|
+
for (var _iterator = _createForOfIteratorHelperLoose(node), _step; !(_step = _iterator()).done;) {
|
|
14405
|
+
var child = _step.value;
|
|
14406
|
+
if (remaining <= 0) break;
|
|
14407
|
+
var _truncateNodeText = _truncateNodeText3(child, remaining),
|
|
14408
|
+
truncatedChild = _truncateNodeText.node,
|
|
14409
|
+
usedLength = _truncateNodeText.usedLength;
|
|
14410
|
+
result.push(truncatedChild);
|
|
14411
|
+
remaining -= usedLength;
|
|
14412
|
+
}
|
|
14413
|
+
return {
|
|
14414
|
+
node: result,
|
|
14415
|
+
usedLength: maxLength - remaining
|
|
14416
|
+
};
|
|
14417
|
+
}
|
|
14418
|
+
if (node.props && node.props.children !== undefined) {
|
|
14419
|
+
var _truncateNodeText2 = _truncateNodeText3(node.props.children, maxLength),
|
|
14420
|
+
truncatedChildren = _truncateNodeText2.node,
|
|
14421
|
+
_usedLength = _truncateNodeText2.usedLength;
|
|
14422
|
+
return {
|
|
14423
|
+
node: _extends({}, node, {
|
|
14424
|
+
props: _extends({}, node.props, {
|
|
14425
|
+
children: truncatedChildren
|
|
14426
|
+
})
|
|
14427
|
+
}),
|
|
14428
|
+
usedLength: _usedLength
|
|
14429
|
+
};
|
|
14430
|
+
}
|
|
14431
|
+
return {
|
|
14432
|
+
node: node,
|
|
14433
|
+
usedLength: 0
|
|
14434
|
+
};
|
|
14435
|
+
};
|
|
14436
|
+
var trimReactMessage = function trimReactMessage(parts, limit) {
|
|
14437
|
+
if (typeof limit !== 'number' || limit < 0) {
|
|
14438
|
+
return {
|
|
14439
|
+
result: parts,
|
|
14440
|
+
truncated: false
|
|
14441
|
+
};
|
|
14442
|
+
}
|
|
14443
|
+
if (typeof parts === 'string') {
|
|
14444
|
+
if (parts.length > limit) {
|
|
14445
|
+
return {
|
|
14446
|
+
result: parts.slice(0, limit) + '...',
|
|
14447
|
+
truncated: true
|
|
14448
|
+
};
|
|
14449
|
+
}
|
|
14450
|
+
return {
|
|
14451
|
+
result: parts,
|
|
14452
|
+
truncated: false
|
|
14453
|
+
};
|
|
14454
|
+
}
|
|
14455
|
+
var remaining = limit;
|
|
14456
|
+
var truncated = false;
|
|
14457
|
+
var result = [];
|
|
14458
|
+
for (var _iterator2 = _createForOfIteratorHelperLoose(parts), _step2; !(_step2 = _iterator2()).done;) {
|
|
14459
|
+
var part = _step2.value;
|
|
14460
|
+
if (typeof part === 'string') {
|
|
14461
|
+
if (remaining <= 0) {
|
|
14462
|
+
truncated = true;
|
|
14463
|
+
break;
|
|
14464
|
+
}
|
|
14465
|
+
if (part.length > remaining) {
|
|
14466
|
+
result.push(part.slice(0, remaining));
|
|
14467
|
+
remaining = 0;
|
|
14468
|
+
truncated = true;
|
|
14469
|
+
break;
|
|
14470
|
+
} else {
|
|
14471
|
+
result.push(part);
|
|
14472
|
+
remaining -= part.length;
|
|
14473
|
+
}
|
|
14474
|
+
} else if (part && typeof part === 'object') {
|
|
14475
|
+
if (isMentionNode(part)) {
|
|
14476
|
+
var nodeTextLength = _getNodeTextLength(part);
|
|
14477
|
+
if (nodeTextLength <= remaining) {
|
|
14478
|
+
result.push(part);
|
|
14479
|
+
remaining -= nodeTextLength;
|
|
14480
|
+
} else {
|
|
14481
|
+
truncated = true;
|
|
14482
|
+
break;
|
|
14483
|
+
}
|
|
14484
|
+
} else {
|
|
14485
|
+
if (remaining <= 0) {
|
|
14486
|
+
truncated = true;
|
|
14487
|
+
break;
|
|
14488
|
+
}
|
|
14489
|
+
var _nodeTextLength = _getNodeTextLength(part);
|
|
14490
|
+
if (_nodeTextLength > remaining) {
|
|
14491
|
+
var _truncateNodeText4 = _truncateNodeText3(part, remaining),
|
|
14492
|
+
truncatedNode = _truncateNodeText4.node;
|
|
14493
|
+
result.push(truncatedNode);
|
|
14494
|
+
remaining = 0;
|
|
14495
|
+
truncated = true;
|
|
14496
|
+
break;
|
|
14497
|
+
} else {
|
|
14498
|
+
result.push(part);
|
|
14499
|
+
remaining -= _nodeTextLength;
|
|
14500
|
+
}
|
|
14501
|
+
}
|
|
14502
|
+
}
|
|
14503
|
+
}
|
|
14504
|
+
return {
|
|
14505
|
+
result: result,
|
|
14506
|
+
truncated: truncated
|
|
14507
|
+
};
|
|
14508
|
+
};
|
|
14319
14509
|
|
|
14320
14510
|
var _marked = /*#__PURE__*/_regenerator().m(updateActiveChannelMembersAdd),
|
|
14321
14511
|
_marked2 = /*#__PURE__*/_regenerator().m(updateActiveChannelMembersRemove);
|
|
@@ -30061,7 +30251,7 @@ var IconWrapper = styled__default.span(_templateObject10$2 || (_templateObject10
|
|
|
30061
30251
|
}, function (props) {
|
|
30062
30252
|
return props.hideInMobile && "\n @media (max-width: 550px) {\n display: none;\n }\n ";
|
|
30063
30253
|
});
|
|
30064
|
-
var CarouselItem = styled__default.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n opacity: ", ";\n\n img,\n video {\n
|
|
30254
|
+
var CarouselItem = styled__default.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) {
|
|
30065
30255
|
return props.visibleSlide ? 1 : 0;
|
|
30066
30256
|
});
|
|
30067
30257
|
var UploadCont$1 = styled__default.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"])));
|
|
@@ -36447,7 +36637,7 @@ var OGTextWrapper = styled__default.div(_templateObject9$e || (_templateObject9$
|
|
|
36447
36637
|
var FaviconContainer = styled__default.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"])));
|
|
36448
36638
|
var FaviconImg = styled__default.img(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
36449
36639
|
|
|
36450
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
36640
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$k, _templateObject7$j;
|
|
36451
36641
|
var MessageBody = function MessageBody(_ref) {
|
|
36452
36642
|
var message = _ref.message,
|
|
36453
36643
|
channel = _ref.channel,
|
|
@@ -36596,7 +36786,8 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36596
36786
|
shouldOpenUserProfileForMention = _ref.shouldOpenUserProfileForMention,
|
|
36597
36787
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
36598
36788
|
unsupportedMessage = _ref.unsupportedMessage,
|
|
36599
|
-
onInviteLinkClick = _ref.onInviteLinkClick
|
|
36789
|
+
onInviteLinkClick = _ref.onInviteLinkClick,
|
|
36790
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
36600
36791
|
var _useColor = useColors(),
|
|
36601
36792
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
36602
36793
|
textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
|
|
@@ -36611,6 +36802,61 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36611
36802
|
var user = ChatClient.user;
|
|
36612
36803
|
var getFromContacts = getShowOnlyContactUsers();
|
|
36613
36804
|
var messageUserID = message.user ? message.user.id : 'deleted';
|
|
36805
|
+
var _useState = React.useState(false),
|
|
36806
|
+
isExpanded = _useState[0],
|
|
36807
|
+
setIsExpanded = _useState[1];
|
|
36808
|
+
var textContainerRef = React.useRef(null);
|
|
36809
|
+
var _useState2 = React.useState('auto'),
|
|
36810
|
+
textHeight = _useState2[0],
|
|
36811
|
+
setTextHeight = _useState2[1];
|
|
36812
|
+
var messageText = React.useMemo(function () {
|
|
36813
|
+
return MessageTextFormat({
|
|
36814
|
+
text: message.body,
|
|
36815
|
+
message: message,
|
|
36816
|
+
contactsMap: contactsMap,
|
|
36817
|
+
getFromContacts: getFromContacts,
|
|
36818
|
+
accentColor: accentColor,
|
|
36819
|
+
textSecondary: textSecondary,
|
|
36820
|
+
onMentionNameClick: handleOpenUserProfile,
|
|
36821
|
+
shouldOpenUserProfileForMention: !!shouldOpenUserProfileForMention,
|
|
36822
|
+
unsupportedMessage: unsupportedMessage,
|
|
36823
|
+
target: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.target,
|
|
36824
|
+
isInviteLink: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.isInviteLink) || false,
|
|
36825
|
+
onInviteLinkClick: onInviteLinkClick
|
|
36826
|
+
});
|
|
36827
|
+
}, [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]);
|
|
36828
|
+
var messageTextTrimmed = React.useMemo(function () {
|
|
36829
|
+
if (!message.body) return {
|
|
36830
|
+
result: messageText,
|
|
36831
|
+
truncated: false
|
|
36832
|
+
};
|
|
36833
|
+
if (isExpanded) return {
|
|
36834
|
+
result: messageText,
|
|
36835
|
+
truncated: false
|
|
36836
|
+
};
|
|
36837
|
+
return trimReactMessage(messageText, collapsedCharacterLimit);
|
|
36838
|
+
}, [message.body, messageText, isExpanded, collapsedCharacterLimit]);
|
|
36839
|
+
React.useEffect(function () {
|
|
36840
|
+
if (textContainerRef.current && typeof collapsedCharacterLimit === 'number' && collapsedCharacterLimit >= 0) {
|
|
36841
|
+
if (messageTextTrimmed.truncated && !isExpanded) {
|
|
36842
|
+
requestAnimationFrame(function () {
|
|
36843
|
+
if (textContainerRef.current) {
|
|
36844
|
+
var height = textContainerRef.current.scrollHeight;
|
|
36845
|
+
setTextHeight(height);
|
|
36846
|
+
}
|
|
36847
|
+
});
|
|
36848
|
+
} else if (isExpanded) {
|
|
36849
|
+
requestAnimationFrame(function () {
|
|
36850
|
+
if (textContainerRef.current) {
|
|
36851
|
+
var fullHeight = textContainerRef.current.scrollHeight;
|
|
36852
|
+
setTextHeight(fullHeight);
|
|
36853
|
+
}
|
|
36854
|
+
});
|
|
36855
|
+
} else if (!messageTextTrimmed.truncated && textHeight !== 'auto') {
|
|
36856
|
+
setTextHeight('auto');
|
|
36857
|
+
}
|
|
36858
|
+
}
|
|
36859
|
+
}, [isExpanded, messageTextTrimmed.truncated, textHeight, collapsedCharacterLimit]);
|
|
36614
36860
|
var prevMessageUserID = React.useMemo(function () {
|
|
36615
36861
|
return prevMessage ? prevMessage.user ? prevMessage.user.id : 'deleted' : null;
|
|
36616
36862
|
}, [prevMessage]);
|
|
@@ -36908,22 +37154,17 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
36908
37154
|
ogContainerShowBackground: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogContainerShowBackground,
|
|
36909
37155
|
ogContainerBackground: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.ogContainerBackground,
|
|
36910
37156
|
infoPadding: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.infoPadding
|
|
36911
|
-
})), message.type !== exports.MESSAGE_TYPE.POLL && (/*#__PURE__*/React__default.createElement(
|
|
37157
|
+
})), message.type !== exports.MESSAGE_TYPE.POLL && (/*#__PURE__*/React__default.createElement(TextContentContainer, {
|
|
37158
|
+
ref: textContainerRef,
|
|
37159
|
+
textHeight: textHeight
|
|
37160
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
36912
37161
|
ref: messageTextRef
|
|
36913
|
-
},
|
|
36914
|
-
|
|
36915
|
-
|
|
36916
|
-
|
|
36917
|
-
|
|
36918
|
-
|
|
36919
|
-
textSecondary: textSecondary,
|
|
36920
|
-
onMentionNameClick: handleOpenUserProfile,
|
|
36921
|
-
shouldOpenUserProfileForMention: !!shouldOpenUserProfileForMention,
|
|
36922
|
-
unsupportedMessage: unsupportedMessage,
|
|
36923
|
-
target: ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.target,
|
|
36924
|
-
isInviteLink: (ogMetadataProps === null || ogMetadataProps === void 0 ? void 0 : ogMetadataProps.isInviteLink) || false,
|
|
36925
|
-
onInviteLinkClick: onInviteLinkClick
|
|
36926
|
-
}))), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
|
|
37162
|
+
}, 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, {
|
|
37163
|
+
onClick: function onClick() {
|
|
37164
|
+
return setIsExpanded(true);
|
|
37165
|
+
},
|
|
37166
|
+
accentColor: accentColor
|
|
37167
|
+
}, "Read more")))), !withAttachments && message.state === MESSAGE_STATUS.DELETE ? (/*#__PURE__*/React__default.createElement(MessageStatusDeleted$1, {
|
|
36927
37168
|
color: textSecondary
|
|
36928
37169
|
}, " Message was deleted. ")) : '', !ogContainerFirst && linkAttachment && !mediaAttachment && !withMediaAttachment && !fileAttachment && (/*#__PURE__*/React__default.createElement(OGMetadata, {
|
|
36929
37170
|
maxWidth: ogMetadataContainerWidth,
|
|
@@ -37041,7 +37282,7 @@ var MessageBody = function MessageBody(_ref) {
|
|
|
37041
37282
|
};
|
|
37042
37283
|
var MessageBody$1 = /*#__PURE__*/React__default.memo(MessageBody, function (prevProps, nextProps) {
|
|
37043
37284
|
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;
|
|
37044
|
-
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));
|
|
37285
|
+
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);
|
|
37045
37286
|
});
|
|
37046
37287
|
var ForwardedTitle = styled__default.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) {
|
|
37047
37288
|
return props.color;
|
|
@@ -37098,8 +37339,14 @@ var FrequentlyEmojisContainer = styled__default.div(_templateObject5$m || (_temp
|
|
|
37098
37339
|
}, function (props) {
|
|
37099
37340
|
return props.rtlDirection && '0';
|
|
37100
37341
|
});
|
|
37342
|
+
var TextContentContainer = styled__default.div(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n height: ", ";\n transition: height 0.3s ease-out;\n"])), function (props) {
|
|
37343
|
+
return props.textHeight !== 'auto' ? props.textHeight + "px" : 'auto';
|
|
37344
|
+
});
|
|
37345
|
+
var ReadMoreLink = styled__default.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) {
|
|
37346
|
+
return props.accentColor;
|
|
37347
|
+
});
|
|
37101
37348
|
|
|
37102
|
-
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$
|
|
37349
|
+
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
37103
37350
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
37104
37351
|
var m = moment(date);
|
|
37105
37352
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -37594,10 +37841,10 @@ var Row$2 = styled__default.div(_templateObject4$s || (_templateObject4$s = _tag
|
|
|
37594
37841
|
return p.backgroundHover;
|
|
37595
37842
|
});
|
|
37596
37843
|
var RowInfo = styled__default.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"])));
|
|
37597
|
-
var RowTitle = styled__default.div(_templateObject6$
|
|
37844
|
+
var RowTitle = styled__default.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) {
|
|
37598
37845
|
return p.color;
|
|
37599
37846
|
});
|
|
37600
|
-
var RowDate = styled__default.div(_templateObject7$
|
|
37847
|
+
var RowDate = styled__default.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) {
|
|
37601
37848
|
return p.color;
|
|
37602
37849
|
});
|
|
37603
37850
|
var Empty = styled__default.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) {
|
|
@@ -37643,7 +37890,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
37643
37890
|
});
|
|
37644
37891
|
}
|
|
37645
37892
|
|
|
37646
|
-
var _templateObject$J, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$o, _templateObject6$
|
|
37893
|
+
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;
|
|
37647
37894
|
var Message$1 = function Message(_ref) {
|
|
37648
37895
|
var message = _ref.message,
|
|
37649
37896
|
channel = _ref.channel,
|
|
@@ -37801,7 +38048,8 @@ var Message$1 = function Message(_ref) {
|
|
|
37801
38048
|
shouldOpenUserProfileForMention = _ref.shouldOpenUserProfileForMention,
|
|
37802
38049
|
ogMetadataProps = _ref.ogMetadataProps,
|
|
37803
38050
|
_ref$showInfoMessageP = _ref.showInfoMessageProps,
|
|
37804
|
-
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP
|
|
38051
|
+
showInfoMessageProps = _ref$showInfoMessageP === void 0 ? {} : _ref$showInfoMessageP,
|
|
38052
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
37805
38053
|
var _useColor = useColors(),
|
|
37806
38054
|
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
37807
38055
|
backgroundSections = _useColor[THEME_COLORS.BACKGROUND_SECTIONS],
|
|
@@ -37945,7 +38193,17 @@ var Message$1 = function Message(_ref) {
|
|
|
37945
38193
|
setMessageActionsShow(false);
|
|
37946
38194
|
};
|
|
37947
38195
|
var handleCopyMessage = function handleCopyMessage() {
|
|
37948
|
-
|
|
38196
|
+
var getFromContacts = getShowOnlyContactUsers();
|
|
38197
|
+
var textToCopyHTML = MessageTextFormat({
|
|
38198
|
+
text: message.body,
|
|
38199
|
+
message: message,
|
|
38200
|
+
contactsMap: contactsMap,
|
|
38201
|
+
getFromContacts: getFromContacts,
|
|
38202
|
+
accentColor: '',
|
|
38203
|
+
textSecondary: ''
|
|
38204
|
+
});
|
|
38205
|
+
var textToCopy = typeof textToCopyHTML === 'string' ? textToCopyHTML : _extractTextFromReactElement(textToCopyHTML);
|
|
38206
|
+
navigator.clipboard.writeText(textToCopy);
|
|
37949
38207
|
setMessageActionsShow(false);
|
|
37950
38208
|
};
|
|
37951
38209
|
var handleToggleReactionsPopup = function handleToggleReactionsPopup() {
|
|
@@ -38334,7 +38592,8 @@ var Message$1 = function Message(_ref) {
|
|
|
38334
38592
|
handleOpenUserProfile: handleOpenUserProfile,
|
|
38335
38593
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
38336
38594
|
ogMetadataProps: ogMetadataProps,
|
|
38337
|
-
unsupportedMessage: unsupportedMessage
|
|
38595
|
+
unsupportedMessage: unsupportedMessage,
|
|
38596
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
38338
38597
|
})), messageStatusAndTimePosition === 'bottomOfMessage' && (messageStatusVisible || messageTimeVisible) && (/*#__PURE__*/React__default.createElement(MessageStatusAndTime$1, {
|
|
38339
38598
|
message: message,
|
|
38340
38599
|
showMessageTimeAndStatusOnlyOnHover: showMessageTimeAndStatusOnlyOnHover,
|
|
@@ -38473,8 +38732,8 @@ var FailedMessageIcon = styled__default.div(_templateObject5$o || (_templateObje
|
|
|
38473
38732
|
}, function (props) {
|
|
38474
38733
|
return props.rtl && '-24px';
|
|
38475
38734
|
});
|
|
38476
|
-
var ErrorIconWrapper = styled__default(SvgErrorIcon)(_templateObject6$
|
|
38477
|
-
var SelectMessageWrapper = styled__default.div(_templateObject7$
|
|
38735
|
+
var ErrorIconWrapper = styled__default(SvgErrorIcon)(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n"])));
|
|
38736
|
+
var SelectMessageWrapper = styled__default.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) {
|
|
38478
38737
|
return !props.disabled && 'pointer';
|
|
38479
38738
|
}, function (props) {
|
|
38480
38739
|
return props.activeColor;
|
|
@@ -38545,7 +38804,7 @@ var MessageItem = styled__default.div(_templateObject12$4 || (_templateObject12$
|
|
|
38545
38804
|
return props.hoverBackground || '';
|
|
38546
38805
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
38547
38806
|
|
|
38548
|
-
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$
|
|
38807
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$n, _templateObject7$m, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
38549
38808
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
38550
38809
|
var lastIndex = _ref.lastIndex,
|
|
38551
38810
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38735,7 +38994,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
38735
38994
|
shouldOpenUserProfileForMention = _ref2.shouldOpenUserProfileForMention,
|
|
38736
38995
|
_ref2$showInfoMessage = _ref2.showInfoMessageProps,
|
|
38737
38996
|
showInfoMessageProps = _ref2$showInfoMessage === void 0 ? {} : _ref2$showInfoMessage,
|
|
38738
|
-
ogMetadataProps = _ref2.ogMetadataProps
|
|
38997
|
+
ogMetadataProps = _ref2.ogMetadataProps,
|
|
38998
|
+
collapsedCharacterLimit = _ref2.collapsedCharacterLimit;
|
|
38739
38999
|
var _useColor = useColors(),
|
|
38740
39000
|
outgoingMessageBackground = _useColor[THEME_COLORS.OUTGOING_MESSAGE_BACKGROUND],
|
|
38741
39001
|
themeBackgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -39596,7 +39856,8 @@ var MessageList = function MessageList(_ref2) {
|
|
|
39596
39856
|
messageStatusAndTimeLineHeight: messageStatusAndTimeLineHeight,
|
|
39597
39857
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
39598
39858
|
showInfoMessageProps: showInfoMessageProps,
|
|
39599
|
-
ogMetadataProps: ogMetadataProps
|
|
39859
|
+
ogMetadataProps: ogMetadataProps,
|
|
39860
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
39600
39861
|
}))), isUnreadMessage ? (/*#__PURE__*/React__default.createElement(MessageDivider, {
|
|
39601
39862
|
theme: theme,
|
|
39602
39863
|
newMessagesSeparatorTextColor: newMessagesSeparatorTextColor,
|
|
@@ -39659,12 +39920,12 @@ var DragAndDropContainer = styled__default.div(_templateObject5$p || (_templateO
|
|
|
39659
39920
|
}, function (props) {
|
|
39660
39921
|
return props.backgroundColor;
|
|
39661
39922
|
});
|
|
39662
|
-
var IconWrapper$1 = styled__default.span(_templateObject6$
|
|
39923
|
+
var IconWrapper$1 = styled__default.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) {
|
|
39663
39924
|
return props.backgroundColor;
|
|
39664
39925
|
}, function (props) {
|
|
39665
39926
|
return props.iconColor;
|
|
39666
39927
|
});
|
|
39667
|
-
var DropAttachmentArea = styled__default.div(_templateObject7$
|
|
39928
|
+
var DropAttachmentArea = styled__default.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) {
|
|
39668
39929
|
return props.borderColor;
|
|
39669
39930
|
}, function (props) {
|
|
39670
39931
|
return props.margin || '12px 32px 32px';
|
|
@@ -39857,7 +40118,8 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
39857
40118
|
},
|
|
39858
40119
|
infoPadding: '0 8px',
|
|
39859
40120
|
isInviteLink: false
|
|
39860
|
-
} : _ref$ogMetadataProps
|
|
40121
|
+
} : _ref$ogMetadataProps,
|
|
40122
|
+
collapsedCharacterLimit = _ref.collapsedCharacterLimit;
|
|
39861
40123
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MessageList, {
|
|
39862
40124
|
fontFamily: fontFamily,
|
|
39863
40125
|
ownMessageOnRightSide: ownMessageOnRightSide,
|
|
@@ -39991,7 +40253,8 @@ var MessagesContainer = function MessagesContainer(_ref) {
|
|
|
39991
40253
|
hiddenMessagesProperties: hiddenMessagesProperties,
|
|
39992
40254
|
shouldOpenUserProfileForMention: shouldOpenUserProfileForMention,
|
|
39993
40255
|
showInfoMessageProps: showInfoMessageProps,
|
|
39994
|
-
ogMetadataProps: ogMetadataProps
|
|
40256
|
+
ogMetadataProps: ogMetadataProps,
|
|
40257
|
+
collapsedCharacterLimit: collapsedCharacterLimit
|
|
39995
40258
|
}));
|
|
39996
40259
|
};
|
|
39997
40260
|
|
|
@@ -41336,7 +41599,7 @@ function FormatMessagePlugin(_ref3) {
|
|
|
41336
41599
|
return null;
|
|
41337
41600
|
}
|
|
41338
41601
|
|
|
41339
|
-
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$
|
|
41602
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k;
|
|
41340
41603
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
41341
41604
|
var collectionName = _ref.collectionName;
|
|
41342
41605
|
switch (collectionName) {
|
|
@@ -41562,8 +41825,8 @@ var EmojiCollection$1 = styled__default.span(_templateObject4$w || (_templateObj
|
|
|
41562
41825
|
return props.iconColor;
|
|
41563
41826
|
});
|
|
41564
41827
|
var CollectionPointer$1 = styled__default.span(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose([""])));
|
|
41565
|
-
var AllEmojis$1 = styled__default.ul(_templateObject6$
|
|
41566
|
-
var EmojiFooter$1 = styled__default.div(_templateObject7$
|
|
41828
|
+
var AllEmojis$1 = styled__default.ul(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
|
|
41829
|
+
var EmojiFooter$1 = styled__default.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) {
|
|
41567
41830
|
return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
|
|
41568
41831
|
}, function (props) {
|
|
41569
41832
|
return props.emojisCategoryIconsPosition === 'top' && "1px solid " + props.borderColor;
|
|
@@ -41769,7 +42032,7 @@ function SvgRecordButton(props) {
|
|
|
41769
42032
|
})));
|
|
41770
42033
|
}
|
|
41771
42034
|
|
|
41772
|
-
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$
|
|
42035
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$o;
|
|
41773
42036
|
var fieldsObject = {
|
|
41774
42037
|
channelId: '',
|
|
41775
42038
|
currentRecordedFile: null,
|
|
@@ -42411,7 +42674,7 @@ var AudioVisualization$1 = styled__default.div(_templateObject4$x || (_templateO
|
|
|
42411
42674
|
var PlayPause$1 = styled__default.div(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n padding: 10px;\n > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
42412
42675
|
return props.iconColor;
|
|
42413
42676
|
});
|
|
42414
|
-
var Canvas = styled__default.canvas(_templateObject6$
|
|
42677
|
+
var Canvas = styled__default.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) {
|
|
42415
42678
|
var recording = _ref8.recording;
|
|
42416
42679
|
return recording ? '300px' : '0';
|
|
42417
42680
|
}, function (_ref9) {
|
|
@@ -42421,7 +42684,7 @@ var Canvas = styled__default.canvas(_templateObject6$o || (_templateObject6$o =
|
|
|
42421
42684
|
var hide = _ref0.hide;
|
|
42422
42685
|
return hide && '-1';
|
|
42423
42686
|
});
|
|
42424
|
-
var Timer$2 = styled__default.div(_templateObject7$
|
|
42687
|
+
var Timer$2 = styled__default.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) {
|
|
42425
42688
|
return props.color;
|
|
42426
42689
|
});
|
|
42427
42690
|
|
|
@@ -42476,7 +42739,7 @@ function SvgDotsVertica(props) {
|
|
|
42476
42739
|
})));
|
|
42477
42740
|
}
|
|
42478
42741
|
|
|
42479
|
-
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$
|
|
42742
|
+
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$i;
|
|
42480
42743
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
42481
42744
|
var togglePopup = _ref.togglePopup,
|
|
42482
42745
|
onCreate = _ref.onCreate;
|
|
@@ -42875,7 +43138,7 @@ var OptionRow = styled__default.div(_templateObject5$t || (_templateObject5$t =
|
|
|
42875
43138
|
}, function (props) {
|
|
42876
43139
|
return props.isDragging ? 0.6 : 1;
|
|
42877
43140
|
});
|
|
42878
|
-
var RemoveOptionIcon = styled__default(SvgClose)(_templateObject6$
|
|
43141
|
+
var RemoveOptionIcon = styled__default(SvgClose)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
|
|
42879
43142
|
return props.color;
|
|
42880
43143
|
}, function (props) {
|
|
42881
43144
|
return props.width;
|
|
@@ -42884,7 +43147,7 @@ var RemoveOptionIcon = styled__default(SvgClose)(_templateObject6$p || (_templat
|
|
|
42884
43147
|
}, function (props) {
|
|
42885
43148
|
return props.disabled ? 0.5 : 1;
|
|
42886
43149
|
});
|
|
42887
|
-
var AddOptionButton = styled__default.button(_templateObject7$
|
|
43150
|
+
var AddOptionButton = styled__default.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) {
|
|
42888
43151
|
return props.disabled ? props.disabledColor : props.color;
|
|
42889
43152
|
}, function (props) {
|
|
42890
43153
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
@@ -42896,7 +43159,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
|
|
|
42896
43159
|
return props.color;
|
|
42897
43160
|
});
|
|
42898
43161
|
|
|
42899
|
-
var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$
|
|
43162
|
+
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;
|
|
42900
43163
|
function AutoFocusPlugin(_ref) {
|
|
42901
43164
|
var messageForReply = _ref.messageForReply;
|
|
42902
43165
|
var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
|
|
@@ -44582,10 +44845,10 @@ var EditMessageText = styled__default.p(_templateObject4$z || (_templateObject4$
|
|
|
44582
44845
|
var UploadErrorMessage = styled__default.p(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n margin: 0;\n position: absolute;\n top: -30px;\n color: ", ";\n"])), function (props) {
|
|
44583
44846
|
return props.color;
|
|
44584
44847
|
});
|
|
44585
|
-
var CloseEditMode = styled__default.span(_templateObject6$
|
|
44848
|
+
var CloseEditMode = styled__default.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) {
|
|
44586
44849
|
return props.color;
|
|
44587
44850
|
});
|
|
44588
|
-
var UserName$1 = styled__default.span(_templateObject7$
|
|
44851
|
+
var UserName$1 = styled__default.span(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n margin-left: 4px;\n"])));
|
|
44589
44852
|
var ReplyMessageBody$1 = styled__default.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) {
|
|
44590
44853
|
return props.linkColor;
|
|
44591
44854
|
});
|
|
@@ -45056,7 +45319,7 @@ var StyledPopupName = styled__default(PopupName)(_templateObject$S || (_template
|
|
|
45056
45319
|
var StyledPopupDescription = styled__default(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"])));
|
|
45057
45320
|
var CloseButton = styled__default(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"])));
|
|
45058
45321
|
|
|
45059
|
-
var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$
|
|
45322
|
+
var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$s, _templateObject7$r, _templateObject8$n;
|
|
45060
45323
|
var TIMER_OPTIONS = [{
|
|
45061
45324
|
key: 'off',
|
|
45062
45325
|
label: 'Off'
|
|
@@ -45308,13 +45571,13 @@ var CustomSelectWrapper = styled__default.div(_templateObject4$A || (_templateOb
|
|
|
45308
45571
|
return props.accentColor;
|
|
45309
45572
|
});
|
|
45310
45573
|
var CustomSelectTriggerStyled = styled__default(CustomSelectTrigger)(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n text-transform: none;\n"])));
|
|
45311
|
-
var CustomDropdownOptionLi = styled__default(DropdownOptionLi)(_templateObject6$
|
|
45312
|
-
var CustomDropdownOptionsUl = styled__default(DropdownOptionsUl)(_templateObject7$
|
|
45574
|
+
var CustomDropdownOptionLi = styled__default(DropdownOptionLi)(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
|
|
45575
|
+
var CustomDropdownOptionsUl = styled__default(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) {
|
|
45313
45576
|
return props.accentColor;
|
|
45314
45577
|
}, CustomDropdownOptionLi);
|
|
45315
45578
|
var SetButton = styled__default(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"])));
|
|
45316
45579
|
|
|
45317
|
-
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$
|
|
45580
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$t, _templateObject7$s, _templateObject8$o;
|
|
45318
45581
|
var formatMemberCount = function formatMemberCount(count, channelType) {
|
|
45319
45582
|
if (channelType === DEFAULT_CHANNEL_TYPE.BROADCAST || channelType === DEFAULT_CHANNEL_TYPE.PUBLIC) {
|
|
45320
45583
|
return count + " " + (count > 1 ? 'subscribers' : 'subscriber');
|
|
@@ -45484,15 +45747,15 @@ var ChannelTitle$1 = styled__default.div(_templateObject4$B || (_templateObject4
|
|
|
45484
45747
|
var ChannelMembers$1 = styled__default.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) {
|
|
45485
45748
|
return props.color;
|
|
45486
45749
|
});
|
|
45487
|
-
var LoadingText$1 = styled__default.div(_templateObject6$
|
|
45750
|
+
var LoadingText$1 = styled__default.div(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
|
|
45488
45751
|
return props.color;
|
|
45489
45752
|
});
|
|
45490
|
-
var EmptyText = styled__default.div(_templateObject7$
|
|
45753
|
+
var EmptyText = styled__default.div(_templateObject7$s || (_templateObject7$s = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 40px 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
|
|
45491
45754
|
return props.color;
|
|
45492
45755
|
});
|
|
45493
45756
|
var ChevronRightIconWrapper = styled__default.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"])));
|
|
45494
45757
|
|
|
45495
|
-
var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$
|
|
45758
|
+
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;
|
|
45496
45759
|
var Actions = function Actions(_ref) {
|
|
45497
45760
|
var _getDisappearingSetti;
|
|
45498
45761
|
var setActionsHeight = _ref.setActionsHeight,
|
|
@@ -46026,8 +46289,8 @@ var MenuTriggerIcon = styled__default.span(_templateObject3$J || (_templateObjec
|
|
|
46026
46289
|
});
|
|
46027
46290
|
var ActionsMenu = styled__default.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"])));
|
|
46028
46291
|
var DefaultMutedIcon = styled__default(SvgUnmuteNotifications)(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose([""])));
|
|
46029
|
-
var DefaultMuteIcon = styled__default(SvgNotifications)(_templateObject6$
|
|
46030
|
-
var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$
|
|
46292
|
+
var DefaultMuteIcon = styled__default(SvgNotifications)(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose([""])));
|
|
46293
|
+
var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose([""])));
|
|
46031
46294
|
var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose([""])));
|
|
46032
46295
|
var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
|
|
46033
46296
|
var DefaultMarkAsRead = styled__default(SvgMarkAsRead)(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose([""])));
|
|
@@ -46266,7 +46529,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
46266
46529
|
});
|
|
46267
46530
|
}
|
|
46268
46531
|
|
|
46269
|
-
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$D, _templateObject5$y, _templateObject6$
|
|
46532
|
+
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;
|
|
46270
46533
|
function InviteLinkModal(_ref) {
|
|
46271
46534
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
46272
46535
|
var onClose = _ref.onClose,
|
|
@@ -46769,12 +47032,12 @@ var Description = styled__default.p(_templateObject4$D || (_templateObject4$D =
|
|
|
46769
47032
|
var FieldLabel = styled__default.span(_templateObject5$y || (_templateObject5$y = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
|
|
46770
47033
|
return p.color;
|
|
46771
47034
|
});
|
|
46772
|
-
var LinkField = styled__default.div(_templateObject6$
|
|
47035
|
+
var LinkField = styled__default.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) {
|
|
46773
47036
|
return p.borderColor;
|
|
46774
47037
|
}, function (p) {
|
|
46775
47038
|
return p.backgroundColor;
|
|
46776
47039
|
});
|
|
46777
|
-
var LinkInput = styled__default.input(_templateObject7$
|
|
47040
|
+
var LinkInput = styled__default.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) {
|
|
46778
47041
|
return p.color;
|
|
46779
47042
|
});
|
|
46780
47043
|
var CopyButton = styled__default.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"])));
|
|
@@ -46798,7 +47061,7 @@ var QrHint = styled__default.p(_templateObject13$5 || (_templateObject13$5 = _ta
|
|
|
46798
47061
|
return p.color;
|
|
46799
47062
|
});
|
|
46800
47063
|
|
|
46801
|
-
var _templateObject$Y, _templateObject2$T, _templateObject3$M, _templateObject4$E, _templateObject5$z, _templateObject6$
|
|
47064
|
+
var _templateObject$Y, _templateObject2$T, _templateObject3$M, _templateObject4$E, _templateObject5$z, _templateObject6$w, _templateObject7$v, _templateObject8$r, _templateObject9$m;
|
|
46802
47065
|
var Members = function Members(_ref) {
|
|
46803
47066
|
var _members$find;
|
|
46804
47067
|
var channel = _ref.channel,
|
|
@@ -47117,10 +47380,10 @@ var MemberNameWrapper = styled__default.div(_templateObject4$E || (_templateObje
|
|
|
47117
47380
|
var MemberName$3 = styled__default.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) {
|
|
47118
47381
|
return props.color;
|
|
47119
47382
|
});
|
|
47120
|
-
var EditMemberIcon = styled__default.span(_templateObject6$
|
|
47383
|
+
var EditMemberIcon = styled__default.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) {
|
|
47121
47384
|
return props.color;
|
|
47122
47385
|
});
|
|
47123
|
-
var MembersList = styled__default.ul(_templateObject7$
|
|
47386
|
+
var MembersList = styled__default.ul(_templateObject7$v || (_templateObject7$v = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
47124
47387
|
var MemberItem$1 = styled__default.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) {
|
|
47125
47388
|
return props.fontSize || '15px';
|
|
47126
47389
|
}, function (props) {
|
|
@@ -47279,7 +47542,7 @@ function SvgDownloadFile(props) {
|
|
|
47279
47542
|
})));
|
|
47280
47543
|
}
|
|
47281
47544
|
|
|
47282
|
-
var _templateObject$$, _templateObject2$V, _templateObject3$N, _templateObject4$F, _templateObject5$A, _templateObject6$
|
|
47545
|
+
var _templateObject$$, _templateObject2$V, _templateObject3$N, _templateObject4$F, _templateObject5$A, _templateObject6$x, _templateObject7$w, _templateObject8$s;
|
|
47283
47546
|
var Files = function Files(_ref) {
|
|
47284
47547
|
var channelId = _ref.channelId,
|
|
47285
47548
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -47420,8 +47683,8 @@ var FileHoverIconCont = styled__default.span(_templateObject5$A || (_templateObj
|
|
|
47420
47683
|
}, function (props) {
|
|
47421
47684
|
return props.fillColor;
|
|
47422
47685
|
});
|
|
47423
|
-
var FileThumb = styled__default.img(_templateObject6$
|
|
47424
|
-
var FileItem = styled__default.div(_templateObject7$
|
|
47686
|
+
var FileThumb = styled__default.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"])));
|
|
47687
|
+
var FileItem = styled__default.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) {
|
|
47425
47688
|
return props.hoverBackgroundColor;
|
|
47426
47689
|
}, DownloadWrapper, FileIconCont, FileHoverIconCont);
|
|
47427
47690
|
var FileSizeAndDate = styled__default.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) {
|
|
@@ -47599,7 +47862,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
47599
47862
|
})));
|
|
47600
47863
|
}
|
|
47601
47864
|
|
|
47602
|
-
var _templateObject$12, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$
|
|
47865
|
+
var _templateObject$12, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$y, _templateObject7$x, _templateObject8$t;
|
|
47603
47866
|
var VoiceItem = function VoiceItem(_ref) {
|
|
47604
47867
|
var file = _ref.file,
|
|
47605
47868
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -47741,10 +48004,10 @@ var AudioInfo = styled__default.div(_templateObject4$H || (_templateObject4$H =
|
|
|
47741
48004
|
var AudioTitle = styled__default.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) {
|
|
47742
48005
|
return props.color;
|
|
47743
48006
|
});
|
|
47744
|
-
var AudioDate = styled__default.span(_templateObject6$
|
|
48007
|
+
var AudioDate = styled__default.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) {
|
|
47745
48008
|
return props.color;
|
|
47746
48009
|
});
|
|
47747
|
-
var AudioSendTime = styled__default.span(_templateObject7$
|
|
48010
|
+
var AudioSendTime = styled__default.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) {
|
|
47748
48011
|
return props.color;
|
|
47749
48012
|
});
|
|
47750
48013
|
var Audio = styled__default.audio(_templateObject8$t || (_templateObject8$t = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
@@ -48223,7 +48486,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
48223
48486
|
})));
|
|
48224
48487
|
};
|
|
48225
48488
|
|
|
48226
|
-
var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$
|
|
48489
|
+
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;
|
|
48227
48490
|
var Details = function Details(_ref) {
|
|
48228
48491
|
var _activeChannel$member;
|
|
48229
48492
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -48687,10 +48950,10 @@ var AboutChannel = styled__default.div(_templateObject4$J || (_templateObject4$J
|
|
|
48687
48950
|
var AboutChannelTitle = styled__default.h4(_templateObject5$D || (_templateObject5$D = _taggedTemplateLiteralLoose(["\n font-size: 12px;\n margin: 0;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
|
|
48688
48951
|
return props.color;
|
|
48689
48952
|
});
|
|
48690
|
-
var AboutChannelText = styled__default.h3(_templateObject6$
|
|
48953
|
+
var AboutChannelText = styled__default.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) {
|
|
48691
48954
|
return props.color;
|
|
48692
48955
|
});
|
|
48693
|
-
var ChannelInfo$5 = styled__default.div(_templateObject7$
|
|
48956
|
+
var ChannelInfo$5 = styled__default.div(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose(["\n position: relative;\n margin-left: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (props) {
|
|
48694
48957
|
return (!props.direction || props.direction !== 'column') && '16px';
|
|
48695
48958
|
}, function (props) {
|
|
48696
48959
|
return props.direction && props.direction === 'column' && '16px';
|
|
@@ -49339,4 +49602,5 @@ exports.createOrGetDirectChannel = createOrGetDirectChannel;
|
|
|
49339
49602
|
exports.handleGetMessage = handleGetMessage;
|
|
49340
49603
|
exports.handleSendMessage = handleSendMessage;
|
|
49341
49604
|
exports.switchChannelActiveChannel = switchChannelActiveChannel;
|
|
49605
|
+
exports.trimReactMessage = trimReactMessage;
|
|
49342
49606
|
//# sourceMappingURL=index.js.map
|