sceyt-chat-react-uikit 1.7.6-beta.10 → 1.7.6-beta.12
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/ChatContainer/index.d.ts +2 -1
- package/components/SceytChat/index.d.ts +1 -1
- package/index.js +114 -105
- package/index.modern.js +114 -105
- package/package.json +1 -1
package/index.modern.js
CHANGED
|
@@ -23185,7 +23185,9 @@ function JoinGroupPopup(_ref) {
|
|
|
23185
23185
|
textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
|
|
23186
23186
|
background = _useColor[THEME_COLORS.BACKGROUND],
|
|
23187
23187
|
iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
|
|
23188
|
-
surface1 = _useColor[THEME_COLORS.SURFACE_1]
|
|
23188
|
+
surface1 = _useColor[THEME_COLORS.SURFACE_1],
|
|
23189
|
+
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
23190
|
+
textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY];
|
|
23189
23191
|
var contactsMap = useSelector(contactsMapSelector, shallowEqual);
|
|
23190
23192
|
var members = useMemo(function () {
|
|
23191
23193
|
return channel.members.map(function (m) {
|
|
@@ -23285,8 +23287,8 @@ function JoinGroupPopup(_ref) {
|
|
|
23285
23287
|
color: textSecondary
|
|
23286
23288
|
}, membersLine), /*#__PURE__*/React__default.createElement(Center, null, /*#__PURE__*/React__default.createElement(Button, {
|
|
23287
23289
|
type: 'button',
|
|
23288
|
-
color:
|
|
23289
|
-
backgroundColor:
|
|
23290
|
+
color: textOnPrimary,
|
|
23291
|
+
backgroundColor: accentColor,
|
|
23290
23292
|
borderRadius: '8px',
|
|
23291
23293
|
onClick: onJoin
|
|
23292
23294
|
}, joinButtonText)))));
|
|
@@ -23316,7 +23318,7 @@ var MembersText = styled.div(_templateObject7$1 || (_templateObject7$1 = _tagged
|
|
|
23316
23318
|
});
|
|
23317
23319
|
var Center = styled.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
23318
23320
|
|
|
23319
|
-
var _templateObject$5, _templateObject2$4;
|
|
23321
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$4;
|
|
23320
23322
|
var SceytChat = function SceytChat(_ref) {
|
|
23321
23323
|
var client = _ref.client,
|
|
23322
23324
|
theme = _ref.theme,
|
|
@@ -23341,7 +23343,9 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23341
23343
|
memberCount = _ref.memberCount,
|
|
23342
23344
|
_ref$disableFrowardMe = _ref.disableFrowardMentionsCount,
|
|
23343
23345
|
disableFrowardMentionsCount = _ref$disableFrowardMe === void 0 ? false : _ref$disableFrowardMe,
|
|
23344
|
-
chatMinWidth = _ref.chatMinWidth
|
|
23346
|
+
chatMinWidth = _ref.chatMinWidth,
|
|
23347
|
+
_ref$embeddedJoinGrou = _ref.embeddedJoinGroupPopup,
|
|
23348
|
+
embeddedJoinGroupPopup = _ref$embeddedJoinGrou === void 0 ? false : _ref$embeddedJoinGrou;
|
|
23345
23349
|
var useInviteLink = getUseInviteLink();
|
|
23346
23350
|
var _useColor = useColors(),
|
|
23347
23351
|
backgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -23574,6 +23578,11 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23574
23578
|
window.history.pushState({}, '', window.location.pathname);
|
|
23575
23579
|
dispatch(setJoinableChannelAC(null));
|
|
23576
23580
|
};
|
|
23581
|
+
var joinPopup = joinableChannel && getUseInviteLink() ? (/*#__PURE__*/React__default.createElement(JoinGroupPopup, {
|
|
23582
|
+
onClose: handleCloseJoinPopup,
|
|
23583
|
+
onJoin: handleJoinChannel,
|
|
23584
|
+
channel: joinableChannel
|
|
23585
|
+
})) : null;
|
|
23577
23586
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, SceytChatClient ? (/*#__PURE__*/React__default.createElement(ChatContainer, {
|
|
23578
23587
|
onDrop: handleDropFile,
|
|
23579
23588
|
onDragOver: handleDragOver,
|
|
@@ -23583,14 +23592,10 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23583
23592
|
highlightedBackground: highlightedBackground,
|
|
23584
23593
|
id: 'sceyt_chat_container',
|
|
23585
23594
|
chatMinWidth: chatMinWidth
|
|
23586
|
-
}, children
|
|
23587
|
-
onClose: handleCloseJoinPopup,
|
|
23588
|
-
onJoin: handleJoinChannel,
|
|
23589
|
-
channel: joinableChannel
|
|
23590
|
-
})));
|
|
23595
|
+
}, children, embeddedJoinGroupPopup && joinPopup && /*#__PURE__*/React__default.createElement(EmbeddedPopupWrapper, null, joinPopup))) : '', !embeddedJoinGroupPopup && joinPopup);
|
|
23591
23596
|
};
|
|
23592
23597
|
var Container$2 = styled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 100vh;\n"])));
|
|
23593
|
-
var ChatContainer = styled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n max-height: 100vh;\n min-width: ", ";\n background-color: ", ";\n\n /* Global highlighted background styles */\n ::selection {\n background-color: ", ";\n }\n\n ::-moz-selection {\n background-color: ", ";\n }\n\n /* For text selection highlighting */\n *::selection {\n background-color: ", ";\n }\n\n *::-moz-selection {\n background-color: ", ";\n }\n"])), function (props) {
|
|
23598
|
+
var ChatContainer = styled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 100%;\n max-height: 100vh;\n min-width: ", ";\n background-color: ", ";\n position: relative;\n\n /* Global highlighted background styles */\n ::selection {\n background-color: ", ";\n }\n\n ::-moz-selection {\n background-color: ", ";\n }\n\n /* For text selection highlighting */\n *::selection {\n background-color: ", ";\n }\n\n *::-moz-selection {\n background-color: ", ";\n }\n"])), function (props) {
|
|
23594
23599
|
return props.withChannelsList && (props.chatMinWidth || '1200px');
|
|
23595
23600
|
}, function (props) {
|
|
23596
23601
|
return props.backgroundColor;
|
|
@@ -23603,6 +23608,7 @@ var ChatContainer = styled.div(_templateObject2$4 || (_templateObject2$4 = _tagg
|
|
|
23603
23608
|
}, function (props) {
|
|
23604
23609
|
return props.highlightedBackground;
|
|
23605
23610
|
});
|
|
23611
|
+
var EmbeddedPopupWrapper = styled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1000;\n display: flex;\n align-items: center;\n justify-content: center;\n pointer-events: none;\n overflow: hidden;\n\n > * {\n pointer-events: all;\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n }\n"])));
|
|
23606
23612
|
|
|
23607
23613
|
var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
23608
23614
|
var client = _ref.client,
|
|
@@ -23637,7 +23643,9 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
|
23637
23643
|
JoinGroupPopup: {},
|
|
23638
23644
|
InviteLinkModal: {},
|
|
23639
23645
|
ResetLinkConfirmModal: {}
|
|
23640
|
-
} : _ref$inviteLinkOption
|
|
23646
|
+
} : _ref$inviteLinkOption,
|
|
23647
|
+
_ref$embeddedJoinGrou = _ref.embeddedJoinGroupPopup,
|
|
23648
|
+
embeddedJoinGroupPopup = _ref$embeddedJoinGrou === void 0 ? false : _ref$embeddedJoinGrou;
|
|
23641
23649
|
useEffect(function () {
|
|
23642
23650
|
log.setLevel(logLevel);
|
|
23643
23651
|
if (baseUrlForInviteMembers) {
|
|
@@ -23673,7 +23681,8 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
|
23673
23681
|
channelTypeFilter: channelTypeFilter,
|
|
23674
23682
|
memberCount: memberCount,
|
|
23675
23683
|
disableFrowardMentionsCount: disableFrowardMentionsCount,
|
|
23676
|
-
chatMinWidth: chatMinWidth
|
|
23684
|
+
chatMinWidth: chatMinWidth,
|
|
23685
|
+
embeddedJoinGroupPopup: embeddedJoinGroupPopup
|
|
23677
23686
|
}));
|
|
23678
23687
|
};
|
|
23679
23688
|
|
|
@@ -23925,7 +23934,7 @@ function SvgPoll(props) {
|
|
|
23925
23934
|
})));
|
|
23926
23935
|
}
|
|
23927
23936
|
|
|
23928
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$
|
|
23937
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$1, _templateObject0$1, _templateObject1$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
23929
23938
|
var LastMessageAttachments = function LastMessageAttachments(_ref) {
|
|
23930
23939
|
var lastMessage = _ref.lastMessage;
|
|
23931
23940
|
return !!(lastMessage.attachments && lastMessage.attachments.length || lastMessage !== null && lastMessage !== void 0 && lastMessage.pollDetails && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === MESSAGE_TYPE.POLL) && (lastMessage !== null && lastMessage !== void 0 && lastMessage.pollDetails && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === MESSAGE_TYPE.POLL ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgPoll, null), lastMessage.body ? '' : 'Poll')) : lastMessage.attachments[0].type === attachmentTypes.image ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgPicture, null), lastMessage.body ? '' : 'Photo')) : lastMessage.attachments[0].type === attachmentTypes.video ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVideoCall, null), lastMessage.body ? '' : 'Video')) : lastMessage.attachments[0].type === attachmentTypes.file ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgChoseFile, null), lastMessage.body ? '' : 'File')) : lastMessage.attachments[0].type === attachmentTypes.voice ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(SvgVoiceIcon, null), lastMessage.body ? '' : 'Voice')) : null);
|
|
@@ -24305,7 +24314,7 @@ var ChannelInfo = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTe
|
|
|
24305
24314
|
var MutedIcon = styled.span(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n & > svg {\n height: 16px;\n width: 16px;\n margin-left: 5px;\n color: ", ";\n }\n"])), function (props) {
|
|
24306
24315
|
return props.color;
|
|
24307
24316
|
});
|
|
24308
|
-
var LastMessage = styled.div(_templateObject3$
|
|
24317
|
+
var LastMessage = styled.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: ", ";\n color: ", ";\n max-width: ", ";\n\n height: ", ";\n"])), function (props) {
|
|
24309
24318
|
return props.fontSize || '14px';
|
|
24310
24319
|
}, function (props) {
|
|
24311
24320
|
return props.color;
|
|
@@ -24464,7 +24473,7 @@ var ChannelSearch = function ChannelSearch(_ref) {
|
|
|
24464
24473
|
}));
|
|
24465
24474
|
};
|
|
24466
24475
|
|
|
24467
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$
|
|
24476
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$6, _templateObject4$5;
|
|
24468
24477
|
var ContactItem = function ContactItem(_ref) {
|
|
24469
24478
|
var contact = _ref.contact,
|
|
24470
24479
|
createChatWithContact = _ref.createChatWithContact,
|
|
@@ -24524,7 +24533,7 @@ var ChannelInfo$1 = styled.div(_templateObject$8 || (_templateObject$8 = _tagged
|
|
|
24524
24533
|
return props.subjectColor || props.textColor;
|
|
24525
24534
|
});
|
|
24526
24535
|
var AvatarWrapper$1 = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: relative;\n"])));
|
|
24527
|
-
var UserStatus$1 = styled.span(_templateObject3$
|
|
24536
|
+
var UserStatus$1 = styled.span(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 12px;\n height: 12px;\n right: 0;\n bottom: 0;\n border-radius: 50%;\n background-color: ", ";\n border: 2.5px solid ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
24528
24537
|
return props.backgroundColor || '#56E464';
|
|
24529
24538
|
}, function (props) {
|
|
24530
24539
|
return props.borderColor || '#ffffff';
|
|
@@ -24770,7 +24779,7 @@ function SvgLinkIconWb(props) {
|
|
|
24770
24779
|
})));
|
|
24771
24780
|
}
|
|
24772
24781
|
|
|
24773
|
-
var _templateObject$a, _templateObject2$9, _templateObject3$
|
|
24782
|
+
var _templateObject$a, _templateObject2$9, _templateObject3$7, _templateObject4$6;
|
|
24774
24783
|
function AddMembersListItemInviteLink(_ref) {
|
|
24775
24784
|
var _getInviteLinkOptions;
|
|
24776
24785
|
var onClick = _ref.onClick;
|
|
@@ -24823,14 +24832,14 @@ var Row$1 = styled.div(_templateObject$a || (_templateObject$a = _taggedTemplate
|
|
|
24823
24832
|
var IconCircle = styled.span(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n min-width: 40px;\n border-radius: 50%;\n background-color: ", ";\n box-sizing: border-box;\n border: 0.5px solid rgba(0, 0, 0, 0.14);\n overflow: hidden;\n"])), function (props) {
|
|
24824
24833
|
return props.backgroundColor;
|
|
24825
24834
|
});
|
|
24826
|
-
var StyledLinkIcon = styled(SvgLinkIconWb)(_templateObject3$
|
|
24835
|
+
var StyledLinkIcon = styled(SvgLinkIconWb)(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n /* keep default fill from theme surface */\n"])), function (props) {
|
|
24827
24836
|
return props.color;
|
|
24828
24837
|
});
|
|
24829
24838
|
var Title$1 = styled.h4(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n margin: 0 0 0 12px;\n font-size: 15px;\n font-weight: 500;\n line-height: 16px;\n color: ", ";\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n"])), function (props) {
|
|
24830
24839
|
return props.color;
|
|
24831
24840
|
});
|
|
24832
24841
|
|
|
24833
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$
|
|
24842
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2;
|
|
24834
24843
|
var UsersPopup = function UsersPopup(_ref) {
|
|
24835
24844
|
var channel = _ref.channel,
|
|
24836
24845
|
toggleCreatePopup = _ref.toggleCreatePopup,
|
|
@@ -25174,7 +25183,7 @@ var MembersContainer = styled(List)(_templateObject2$a || (_templateObject2$a =
|
|
|
25174
25183
|
}, function (props) {
|
|
25175
25184
|
return props.thumbColor;
|
|
25176
25185
|
});
|
|
25177
|
-
var SearchUserCont = styled.div(_templateObject3$
|
|
25186
|
+
var SearchUserCont = styled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n position: relative;\n margin: 24px 12px 0;\n\n ", " {\n top: 10px;\n right: 11px;\n }\n"])), ClearTypedText);
|
|
25178
25187
|
var SearchUsersInput = styled.input(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteralLoose(["\n height: 40px;\n width: 100%;\n font-size: 14px;\n border: ", ";\n box-sizing: border-box;\n border-radius: 8px;\n padding-left: 36px;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n font-size: 14px;\n opacity: 1;\n }\n\n &:focus {\n outline: none;\n }\n"])), function (props) {
|
|
25179
25188
|
return props.widthBorder ? "1px solid " + props.borderColor : 'none';
|
|
25180
25189
|
}, function (props) {
|
|
@@ -25399,7 +25408,7 @@ var Controls = styled.div(_templateObject2$b || (_templateObject2$b = _taggedTem
|
|
|
25399
25408
|
return props.tickColor;
|
|
25400
25409
|
});
|
|
25401
25410
|
|
|
25402
|
-
var _templateObject$d, _templateObject2$c, _templateObject3$
|
|
25411
|
+
var _templateObject$d, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$4, _templateObject9$3;
|
|
25403
25412
|
function CreateChannel(_ref) {
|
|
25404
25413
|
var handleClose = _ref.handleClose,
|
|
25405
25414
|
channelType = _ref.channelType,
|
|
@@ -25760,7 +25769,7 @@ var UploadAvatarLabel = styled.label(_templateObject2$c || (_templateObject2$c =
|
|
|
25760
25769
|
}, function (props) {
|
|
25761
25770
|
return props.iconColor;
|
|
25762
25771
|
});
|
|
25763
|
-
var URILabel = styled.label(_templateObject3$
|
|
25772
|
+
var URILabel = styled.label(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n font-weight: 500;\n font-size: 14px;\n line-height: 15px;\n margin-top: 18px;\n margin-bottom: 5px;\n"])));
|
|
25764
25773
|
var UploadChannelAvatar = styled.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
25765
25774
|
var FileUploaderInput = styled.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
25766
25775
|
var RemoveSelectedAvatar = styled.span(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n margin-left: 16px;\n cursor: pointer;\n font-weight: 400;\n font-size: 15px;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
|
|
@@ -25776,7 +25785,7 @@ var UriPrefix = styled.span(_templateObject9$3 || (_templateObject9$3 = _taggedT
|
|
|
25776
25785
|
return props.color;
|
|
25777
25786
|
});
|
|
25778
25787
|
|
|
25779
|
-
var _templateObject$e, _templateObject2$d, _templateObject3$
|
|
25788
|
+
var _templateObject$e, _templateObject2$d, _templateObject3$a;
|
|
25780
25789
|
var DropDownContainer = styled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n order: ", ";\n margin: ", ";\n ", ";\n"])), function (props) {
|
|
25781
25790
|
return props.height ? props.height : '100%';
|
|
25782
25791
|
}, function (props) {
|
|
@@ -25793,7 +25802,7 @@ var DropDownTriggerContainer = styled.div(_templateObject2$d || (_templateObject
|
|
|
25793
25802
|
}, function (props) {
|
|
25794
25803
|
return props.isOpen && "\n &::after {\n transform: translateY(-50%) rotate(-45deg);\n top: calc(50% + 2px);\n }\n ";
|
|
25795
25804
|
});
|
|
25796
|
-
var DropDownBody = styled.div(_templateObject3$
|
|
25805
|
+
var DropDownBody = styled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: ", ";\n min-width: 200px;\n right: ", ";\n left: ", ";\n top: 100%;\n display: flex;\n direction: initial;\n flex-direction: column;\n background: ", ";\n border-radius: 8px;\n max-height: 220px;\n overflow-y: auto;\n border: 0.5px solid ", ";\n box-shadow: 0px 0px 24px 0px #11153929;\n\n & > * {\n &:first-child {\n margin-top: 5px;\n }\n\n &:first-child {\n margin-bottom: 5px;\n }\n }\n\n ", "\n"])), function (props) {
|
|
25797
25806
|
return props.zIndex || '30';
|
|
25798
25807
|
}, function (props) {
|
|
25799
25808
|
return props.position !== 'left' && '0';
|
|
@@ -26089,7 +26098,7 @@ function SvgLeave(props) {
|
|
|
26089
26098
|
})));
|
|
26090
26099
|
}
|
|
26091
26100
|
|
|
26092
|
-
var _templateObject$g, _templateObject2$e, _templateObject3$
|
|
26101
|
+
var _templateObject$g, _templateObject2$e, _templateObject3$b;
|
|
26093
26102
|
var EditProfile = function EditProfile(_ref) {
|
|
26094
26103
|
var handleCloseEditProfile = _ref.handleCloseEditProfile,
|
|
26095
26104
|
user = _ref.user;
|
|
@@ -26170,9 +26179,9 @@ var Container$5 = styled.div(_templateObject$g || (_templateObject$g = _taggedTe
|
|
|
26170
26179
|
return props.backgroundColor;
|
|
26171
26180
|
});
|
|
26172
26181
|
var EditAvatarCont = styled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n margin: 20px 0 24px;\n"])));
|
|
26173
|
-
var EditProfileBody = styled.div(_templateObject3$
|
|
26182
|
+
var EditProfileBody = styled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n padding: 0 16px;\n margin-bottom: 16px;\n"])));
|
|
26174
26183
|
|
|
26175
|
-
var _templateObject$h, _templateObject2$f, _templateObject3$
|
|
26184
|
+
var _templateObject$h, _templateObject2$f, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$5;
|
|
26176
26185
|
var settingsPages = {
|
|
26177
26186
|
profile: 'Profile',
|
|
26178
26187
|
notifications: 'Notifications',
|
|
@@ -26256,7 +26265,7 @@ var Container$6 = styled.div(_templateObject$h || (_templateObject$h = _taggedTe
|
|
|
26256
26265
|
var SettingsHeader = styled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 16px;\n height: 64px;\n border-bottom: 1px solid ", ";\n box-sizing: border-box;\n"])), function (props) {
|
|
26257
26266
|
return props.borderColor;
|
|
26258
26267
|
});
|
|
26259
|
-
var ArrowLeftWrapper = styled.span(_templateObject3$
|
|
26268
|
+
var ArrowLeftWrapper = styled.span(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n display: flex;\n cursor: pointer;\n margin-right: 12px;\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
26260
26269
|
return props.color;
|
|
26261
26270
|
});
|
|
26262
26271
|
var ProfileInfo = styled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n margin: 20px 0 24px;\n"])));
|
|
@@ -26267,7 +26276,7 @@ var UserNumber = styled.h4(_templateObject6$5 || (_templateObject6$5 = _taggedTe
|
|
|
26267
26276
|
return props.color;
|
|
26268
26277
|
});
|
|
26269
26278
|
|
|
26270
|
-
var _templateObject$i, _templateObject2$g, _templateObject3$
|
|
26279
|
+
var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
|
|
26271
26280
|
var ChannelList = function ChannelList(_ref) {
|
|
26272
26281
|
var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
|
|
26273
26282
|
var className = _ref.className,
|
|
@@ -26902,7 +26911,7 @@ var Container$7 = styled.div(_templateObject$i || (_templateObject$i = _taggedTe
|
|
|
26902
26911
|
var ChannelsList = styled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n overflow-y: auto;\n width: 400px;\n height: 100%;\n\n &::-webkit-scrollbar {\n width: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
|
|
26903
26912
|
return props.thumbColor;
|
|
26904
26913
|
});
|
|
26905
|
-
var SearchedChannels = styled.div(_templateObject3$
|
|
26914
|
+
var SearchedChannels = styled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n height: calc(100vh - 123px);\n overflow-x: hidden;\n"])));
|
|
26906
26915
|
var SearchedChannelsHeader = styled.p(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n padding-left: 16px;\n font-weight: 500;\n font-size: ", ";\n line-height: 14px;\n color: ", ";\n"])), function (props) {
|
|
26907
26916
|
return props.fontSize || '15px';
|
|
26908
26917
|
}, function (props) {
|
|
@@ -26954,7 +26963,7 @@ function SvgMessage(props) {
|
|
|
26954
26963
|
})));
|
|
26955
26964
|
}
|
|
26956
26965
|
|
|
26957
|
-
var _templateObject$j, _templateObject2$h, _templateObject3$
|
|
26966
|
+
var _templateObject$j, _templateObject2$h, _templateObject3$e, _templateObject4$b, _templateObject5$8;
|
|
26958
26967
|
var detailsSwitcherTimeout;
|
|
26959
26968
|
function Chat(_ref) {
|
|
26960
26969
|
var children = _ref.children,
|
|
@@ -27047,7 +27056,7 @@ var Container$8 = styled.div(_templateObject$j || (_templateObject$j = _taggedTe
|
|
|
27047
27056
|
var SelectChatContainer = styled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: ", ";\n z-index: 99;\n"])), function (props) {
|
|
27048
27057
|
return props.backgroundColor;
|
|
27049
27058
|
});
|
|
27050
|
-
var SelectChatContent = styled.div(_templateObject3$
|
|
27059
|
+
var SelectChatContent = styled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
27051
27060
|
return props.iconColor;
|
|
27052
27061
|
});
|
|
27053
27062
|
var SelectChatTitle = styled.h3(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n font-size: 20px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n color: ", ";\n margin: 24px 0 8px;\n"])), function (props) {
|
|
@@ -27082,7 +27091,7 @@ function SvgInfo(props) {
|
|
|
27082
27091
|
})));
|
|
27083
27092
|
}
|
|
27084
27093
|
|
|
27085
|
-
var _templateObject$k, _templateObject2$i, _templateObject3$
|
|
27094
|
+
var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4;
|
|
27086
27095
|
function ChatHeader(_ref) {
|
|
27087
27096
|
var infoIcon = _ref.infoIcon,
|
|
27088
27097
|
backgroundColor = _ref.backgroundColor,
|
|
@@ -27210,7 +27219,7 @@ var ChannelInfo$2 = styled.div(_templateObject2$i || (_templateObject2$i = _tagg
|
|
|
27210
27219
|
}, function (props) {
|
|
27211
27220
|
return props.order;
|
|
27212
27221
|
}, UserStatus);
|
|
27213
|
-
var ChannelName = styled.div(_templateObject3$
|
|
27222
|
+
var ChannelName = styled.div(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n margin-left: 7px;\n width: 100%;\n\n & > ", " {\n max-width: calc(100% - 8px);\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"])), SectionHeader);
|
|
27214
27223
|
var CustomActionsWrapper = styled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n order: ", ";\n"])), function (props) {
|
|
27215
27224
|
return props.order;
|
|
27216
27225
|
});
|
|
@@ -27676,7 +27685,7 @@ function SvgFullscreenExit(props) {
|
|
|
27676
27685
|
})));
|
|
27677
27686
|
}
|
|
27678
27687
|
|
|
27679
|
-
var _templateObject$m, _templateObject2$j, _templateObject3$
|
|
27688
|
+
var _templateObject$m, _templateObject2$j, _templateObject3$g, _templateObject4$d, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$3;
|
|
27680
27689
|
var timerInterval;
|
|
27681
27690
|
var VideoPlayer = function VideoPlayer(_ref) {
|
|
27682
27691
|
var src = _ref.src,
|
|
@@ -27892,7 +27901,7 @@ var Component = styled.div(_templateObject$m || (_templateObject$m = _taggedTemp
|
|
|
27892
27901
|
return props.loaded && '';
|
|
27893
27902
|
});
|
|
27894
27903
|
var UploadCont = styled.div(_templateObject2$j || (_templateObject2$j = _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"])));
|
|
27895
|
-
var PlayPauseWrapper = styled.span(_templateObject3$
|
|
27904
|
+
var PlayPauseWrapper = styled.span(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: 20px;\n height: 20px;\n margin-right: 16px;\n cursor: pointer;\n @media (max-width: 768px) {\n margin-right: 8px;\n width: 18px;\n height: 18px;\n & > svg {\n width: 18px;\n height: 18px;\n }\n }\n @media (max-width: 480px) {\n margin-right: 8px;\n width: 16px;\n height: 16px;\n & > svg {\n width: 16px;\n height: 16px;\n }\n }\n"])));
|
|
27896
27905
|
var ControlsContainer = styled.div(_templateObject4$d || (_templateObject4$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n width: calc(100% - 32px);\n background: linear-gradient(360deg, rgba(23, 25, 28, 0.8) 0%, rgba(23, 25, 28, 0) 100%);\n padding: 10px 16px 16px;\n z-index: 20;\n\n @media (max-width: 768px) {\n width: calc(100% - 20px);\n padding: 0 10px;\n }\n"])));
|
|
27897
27906
|
var ControlTime = styled.span(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.2px;\n @media (max-width: 768px) {\n font-size: 14px;\n }\n @media (max-width: 480px) {\n font-size: 12px;\n }\n"])), function (props) {
|
|
27898
27907
|
return props.color;
|
|
@@ -27904,7 +27913,7 @@ var VolumeSlide = styled.input(_templateObject9$6 || (_templateObject9$6 = _tagg
|
|
|
27904
27913
|
var Progress = styled.input(_templateObject0$5 || (_templateObject0$5 = _taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n margin-right: 15px;\n width: 100%;\n height: 4px;\n background: rgba(255, 255, 255, 0.6);\n border-radius: 5px;\n background-image: linear-gradient(#fff, #fff);\n //background-size: 70% 100%;\n background-repeat: no-repeat;\n cursor: pointer;\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: #fff;\n cursor: pointer;\n box-shadow: 0 0 2px 0 #555;\n transition: all 0.3s ease-in-out;\n }\n &::-moz-range-thumb {\n -webkit-appearance: none;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: #fff;\n cursor: pointer;\n box-shadow: 0 0 2px 0 #555;\n transition: all 0.3s ease-in-out;\n }\n\n &::-ms-thumb {\n -webkit-appearance: none;\n height: 16px;\n width: 16px;\n border-radius: 50%;\n background: #fff;\n cursor: pointer;\n box-shadow: 0 0 2px 0 #555;\n transition: all 0.3s ease-in-out;\n }\n\n &::-webkit-slider-thumb:hover {\n background: #fff;\n }\n &::-moz-range-thumb:hover {\n background: #fff;\n }\n &::-ms-thumb:hover {\n background: #fff;\n }\n\n &::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent;\n transition: all 0.3s ease-in-out;\n }\n\n &::-moz-range-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent;\n transition: all 0.3s ease-in-out;\n }\n &::-ms-track {\n -webkit-appearance: none;\n box-shadow: none;\n border: none;\n background: transparent;\n transition: all 0.3s ease-in-out;\n }\n"])));
|
|
27905
27914
|
var FullScreenWrapper = styled.div(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-left: 16px;\n cursor: pointer;\n @media (max-width: 768px) {\n margin-left: 12px;\n & > svg {\n width: 18px;\n height: 18px;\n }\n }\n @media (max-width: 480px) {\n margin-left: auto;\n & > svg {\n width: 16px;\n height: 16px;\n }\n }\n"])));
|
|
27906
27915
|
|
|
27907
|
-
var _templateObject$n, _templateObject2$k, _templateObject3$
|
|
27916
|
+
var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$4;
|
|
27908
27917
|
function ForwardMessagePopup(_ref) {
|
|
27909
27918
|
var title = _ref.title,
|
|
27910
27919
|
buttonText = _ref.buttonText,
|
|
@@ -28228,7 +28237,7 @@ var ForwardChannelsCont = styled.div(_templateObject$n || (_templateObject$n = _
|
|
|
28228
28237
|
var ChannelItem = styled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 8px 12px;\n cursor: pointer;\n border-radius: 8px;\n &:hover {\n background-color: ", ";\n }\n &:disabled {\n cursor: not-allowed;\n opacity: 0.5;\n }\n"])), function (props) {
|
|
28229
28238
|
return props.backgroundHover;
|
|
28230
28239
|
});
|
|
28231
|
-
var ChannelInfo$3 = styled.div(_templateObject3$
|
|
28240
|
+
var ChannelInfo$3 = styled.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n margin-right: auto;\n max-width: calc(100% - 74px);\n"])));
|
|
28232
28241
|
var ChannelsGroupTitle = styled.h4(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n font-size: 15px;\n line-height: 14px;\n margin: ", ";\n color: ", ";\n"])), function (props) {
|
|
28233
28242
|
return props.margin || '20px 0 12px';
|
|
28234
28243
|
}, function (props) {
|
|
@@ -28424,7 +28433,7 @@ var DeleteOptionItem = styled.div(_templateObject2$m || (_templateObject2$m = _t
|
|
|
28424
28433
|
return props.color;
|
|
28425
28434
|
});
|
|
28426
28435
|
|
|
28427
|
-
var _templateObject$q, _templateObject2$n, _templateObject3$
|
|
28436
|
+
var _templateObject$q, _templateObject2$n, _templateObject3$i, _templateObject4$f, _templateObject5$c, _templateObject6$a, _templateObject7$9, _templateObject8$9, _templateObject9$8, _templateObject0$7, _templateObject1$5, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2;
|
|
28428
28437
|
var SliderPopup = function SliderPopup(_ref) {
|
|
28429
28438
|
var channel = _ref.channel,
|
|
28430
28439
|
setIsSliderOpen = _ref.setIsSliderOpen,
|
|
@@ -28949,7 +28958,7 @@ var SliderPopup = function SliderPopup(_ref) {
|
|
|
28949
28958
|
};
|
|
28950
28959
|
var Container$b = styled.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n height: 100vh;\n z-index: 999;\n"])));
|
|
28951
28960
|
var ProgressWrapper = styled.span(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: 35px;\n height: 35px;\n animation: preloader 1.5s linear infinite;\n\n @keyframes preloader {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
28952
|
-
var SliderHeader = styled.div(_templateObject3$
|
|
28961
|
+
var SliderHeader = styled.div(_templateObject3$i || (_templateObject3$i = _taggedTemplateLiteralLoose(["\n height: 60px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 16px;\n background-color: rgba(0, 0, 0, 0.8);\n"])));
|
|
28953
28962
|
var SliderBody = styled.div(_templateObject4$f || (_templateObject4$f = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: calc(100% - 60px);\n background: rgba(0, 0, 0, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n\n & .custom_carousel {\n height: 100%;\n\n & .rec.rec-carousel,\n & .rec.rec-slider {\n height: 100% !important;\n }\n }\n\n & .rec-carousel-item {\n display: flex;\n align-items: center;\n }\n"])));
|
|
28954
28963
|
var FileInfo = styled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n width: 40%;\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 14px;\n min-width: 230px;\n"])));
|
|
28955
28964
|
var Info = styled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n"])));
|
|
@@ -29142,7 +29151,7 @@ function SvgSelectionIcon(props) {
|
|
|
29142
29151
|
})));
|
|
29143
29152
|
}
|
|
29144
29153
|
|
|
29145
|
-
var _templateObject$s, _templateObject2$o, _templateObject3$
|
|
29154
|
+
var _templateObject$s, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$a, _templateObject9$9, _templateObject0$8;
|
|
29146
29155
|
var reactionsPrevLength = 0;
|
|
29147
29156
|
function ReactionsPopup(_ref) {
|
|
29148
29157
|
var messageId = _ref.messageId,
|
|
@@ -29372,7 +29381,7 @@ var Container$d = styled.div(_templateObject$s || (_templateObject$s = _taggedTe
|
|
|
29372
29381
|
return props.backgroundColor;
|
|
29373
29382
|
});
|
|
29374
29383
|
var UserNamePresence$1 = styled.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n width: calc(100% - 70px);\n margin-left: 12px;\n"])));
|
|
29375
|
-
var MemberName$1 = styled.h3(_templateObject3$
|
|
29384
|
+
var MemberName$1 = styled.h3(_templateObject3$j || (_templateObject3$j = _taggedTemplateLiteralLoose(["\n margin: 0;\n max-width: calc(100% - 7px);\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.2px;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: ", ";\n & > span {\n color: ", ";\n }\n"])), function (props) {
|
|
29376
29385
|
return props.color;
|
|
29377
29386
|
}, function (props) {
|
|
29378
29387
|
return props.color;
|
|
@@ -29738,7 +29747,7 @@ function SvgInfoAction(props) {
|
|
|
29738
29747
|
})));
|
|
29739
29748
|
}
|
|
29740
29749
|
|
|
29741
|
-
var _templateObject$t, _templateObject2$p, _templateObject3$
|
|
29750
|
+
var _templateObject$t, _templateObject2$p, _templateObject3$k;
|
|
29742
29751
|
function MessageActions(_ref) {
|
|
29743
29752
|
var _ref$isPollMessage = _ref.isPollMessage,
|
|
29744
29753
|
isPollMessage = _ref$isPollMessage === void 0 ? false : _ref$isPollMessage,
|
|
@@ -29998,7 +30007,7 @@ var EditMessageContainer = styled.div(_templateObject2$p || (_templateObject2$p
|
|
|
29998
30007
|
}, function (props) {
|
|
29999
30008
|
return props.backgroundColor;
|
|
30000
30009
|
});
|
|
30001
|
-
var Action = styled.div(_templateObject3$
|
|
30010
|
+
var Action = styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n padding: 4px;\n margin: 8px 6px;\n cursor: pointer;\n transition: all 0.2s;\n order: ", ";\n color: ", ";\n border-radius: 50%;\n\n &:first-child {\n margin-left: 8px;\n }\n\n &:last-child {\n margin-right: 8px;\n }\n\n &:hover {\n color: ", ";\n background-color: ", ";\n\n ", " {\n display: block;\n }\n }\n"])), function (props) {
|
|
30002
30011
|
return props.order || 1;
|
|
30003
30012
|
}, function (props) {
|
|
30004
30013
|
return props.iconColor;
|
|
@@ -30122,7 +30131,7 @@ function SvgPlayVideo(props) {
|
|
|
30122
30131
|
})));
|
|
30123
30132
|
}
|
|
30124
30133
|
|
|
30125
|
-
var _templateObject$u, _templateObject2$q, _templateObject3$
|
|
30134
|
+
var _templateObject$u, _templateObject2$q, _templateObject3$l, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$b;
|
|
30126
30135
|
var VideoPreview = /*#__PURE__*/memo(function VideoPreview(_ref) {
|
|
30127
30136
|
var width = _ref.width,
|
|
30128
30137
|
height = _ref.height,
|
|
@@ -30262,7 +30271,7 @@ var VideoTime = styled.div(_templateObject2$q || (_templateObject2$q = _taggedTe
|
|
|
30262
30271
|
}, function (props) {
|
|
30263
30272
|
return props.color;
|
|
30264
30273
|
});
|
|
30265
|
-
var VideoPlayButton = styled.div(_templateObject3$
|
|
30274
|
+
var VideoPlayButton = styled.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n visibility: ", ";\n"])), function (props) {
|
|
30266
30275
|
return props.showOnHover && 'hidden';
|
|
30267
30276
|
});
|
|
30268
30277
|
var Component$1 = styled.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n max-width: 100%;\n max-height: 100%;\n width: ", ";\n height: ", ";\n min-height: ", ";\n\n ", ";\n /*width: 100vw;\n background-color: transparent;\n margin-top: -50vw;\n padding: 0 40px;\n z-index: 20;*/\n\n & > video {\n max-width: 100%;\n max-height: 100%;\n width: ", ";\n height: ", ";\n min-height: ", ";\n border: ", ";\n object-fit: cover;\n box-sizing: border-box;\n border-radius: ", ";\n }\n\n &:hover {\n & ", " {\n visibility: visible;\n }\n }\n"])), function (props) {
|
|
@@ -32229,7 +32238,7 @@ class WaveSurfer extends Player {
|
|
|
32229
32238
|
WaveSurfer.BasePlugin = BasePlugin;
|
|
32230
32239
|
WaveSurfer.dom = dom;
|
|
32231
32240
|
|
|
32232
|
-
var _templateObject$v, _templateObject2$r, _templateObject3$
|
|
32241
|
+
var _templateObject$v, _templateObject2$r, _templateObject3$m, _templateObject4$i, _templateObject5$f, _templateObject6$d;
|
|
32233
32242
|
var AudioPlayer = function AudioPlayer(_ref) {
|
|
32234
32243
|
var url = _ref.url,
|
|
32235
32244
|
file = _ref.file,
|
|
@@ -32449,7 +32458,7 @@ var Container$e = styled.div(_templateObject$v || (_templateObject$v = _taggedTe
|
|
|
32449
32458
|
var PlayPause = styled.div(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n\n & > svg {\n color: ", ";\n display: flex;\n width: 40px;\n height: 40px;\n }\n"])), function (props) {
|
|
32450
32459
|
return props.iconColor;
|
|
32451
32460
|
});
|
|
32452
|
-
var AudioVisualization = styled.div(_templateObject3$
|
|
32461
|
+
var AudioVisualization = styled.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
32453
32462
|
var AudioRate = styled.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n width: 30px;\n min-width: 30px;\n border-radius: 12px;\n font-weight: 600;\n font-size: 12px;\n line-height: 14px;\n color: ", ";\n height: 18px;\n box-sizing: border-box;\n margin-left: 14px;\n cursor: pointer;\n\n & > span {\n margin-top: auto;\n line-height: 16px;\n font-size: 9px;\n }\n"])), function (props) {
|
|
32454
32463
|
return props.backgroundColor;
|
|
32455
32464
|
}, function (props) {
|
|
@@ -32460,7 +32469,7 @@ var Timer$1 = styled.div(_templateObject6$d || (_templateObject6$d = _taggedTemp
|
|
|
32460
32469
|
return props.color;
|
|
32461
32470
|
});
|
|
32462
32471
|
|
|
32463
|
-
var _templateObject$w, _templateObject2$s, _templateObject3$
|
|
32472
|
+
var _templateObject$w, _templateObject2$s, _templateObject3$n, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$c, _templateObject8$b, _templateObject9$a, _templateObject0$9, _templateObject1$6, _templateObject10$3, _templateObject11$3;
|
|
32464
32473
|
var Attachment = function Attachment(_ref) {
|
|
32465
32474
|
var attachment = _ref.attachment,
|
|
32466
32475
|
_ref$isPreview = _ref.isPreview,
|
|
@@ -33118,7 +33127,7 @@ var AttachmentImgCont = styled.div(_templateObject2$s || (_templateObject2$s = _
|
|
|
33118
33127
|
}, DownloadImage, function (props) {
|
|
33119
33128
|
return props.isPreview && "\n width: 48px;\n min-width: 48px;\n height: 48px;\n ";
|
|
33120
33129
|
});
|
|
33121
|
-
var FileThumbnail = styled.img(_templateObject3$
|
|
33130
|
+
var FileThumbnail = styled.img(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n min-width: 40px;\n max-width: 40px;\n height: 40px;\n object-fit: cover;\n border-radius: 8px;\n"])));
|
|
33122
33131
|
var DownloadFile$1 = styled.span(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n display: none;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n background-color: ", ";\n min-width: 40px;\n max-width: 40px;\n height: 40px;\n position: ", ";\n border-radius: ", ";\n\n & > svg {\n width: 20px;\n height: 20px;\n }\n"])), function (props) {
|
|
33123
33132
|
return props.backgroundColor;
|
|
33124
33133
|
}, function (props) {
|
|
@@ -33188,7 +33197,7 @@ var VideoCont = styled.div(_templateObject11$3 || (_templateObject11$3 = _tagged
|
|
|
33188
33197
|
return props.isDetailsView && '100%';
|
|
33189
33198
|
});
|
|
33190
33199
|
|
|
33191
|
-
var _templateObject$x, _templateObject2$t, _templateObject3$
|
|
33200
|
+
var _templateObject$x, _templateObject2$t, _templateObject3$o, _templateObject4$k;
|
|
33192
33201
|
var RepliedMessage = function RepliedMessage(_ref) {
|
|
33193
33202
|
var _message$parentMessag;
|
|
33194
33203
|
var message = _ref.message,
|
|
@@ -33311,7 +33320,7 @@ var ReplyMessageBody = styled.div(_templateObject2$t || (_templateObject2$t = _t
|
|
|
33311
33320
|
}, function (props) {
|
|
33312
33321
|
return props.maxWidth || '100%';
|
|
33313
33322
|
});
|
|
33314
|
-
var MessageStatusDeleted = styled.span(_templateObject3$
|
|
33323
|
+
var MessageStatusDeleted = styled.span(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n font-style: italic;\n"])), function (props) {
|
|
33315
33324
|
return props.color;
|
|
33316
33325
|
}, function (props) {
|
|
33317
33326
|
return props.fontSize;
|
|
@@ -33800,7 +33809,7 @@ var EMOJIS = [{
|
|
|
33800
33809
|
}]
|
|
33801
33810
|
}];
|
|
33802
33811
|
|
|
33803
|
-
var _templateObject$z, _templateObject2$u, _templateObject3$
|
|
33812
|
+
var _templateObject$z, _templateObject2$u, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$d, _templateObject8$c;
|
|
33804
33813
|
var EmojiIcon = function EmojiIcon(_ref) {
|
|
33805
33814
|
var collectionName = _ref.collectionName;
|
|
33806
33815
|
switch (collectionName) {
|
|
@@ -34001,7 +34010,7 @@ var EmojiHeader = styled.div(_templateObject2$u || (_templateObject2$u = _tagged
|
|
|
34001
34010
|
}, function (props) {
|
|
34002
34011
|
return props.padding || '6px 18px';
|
|
34003
34012
|
});
|
|
34004
|
-
var EmojiSection = styled.div(_templateObject3$
|
|
34013
|
+
var EmojiSection = styled.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n height: 180px;\n overflow-x: hidden;\n\n & ::selection {\n color: inherit;\n background: inherit;\n }\n"])));
|
|
34005
34014
|
var EmojiCollection = styled.span(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > * {\n color: ", ";\n }\n"])), function (props) {
|
|
34006
34015
|
return props.iconColor;
|
|
34007
34016
|
});
|
|
@@ -34039,7 +34048,7 @@ function SvgPlus(props) {
|
|
|
34039
34048
|
})));
|
|
34040
34049
|
}
|
|
34041
34050
|
|
|
34042
|
-
var _templateObject$A, _templateObject2$v, _templateObject3$
|
|
34051
|
+
var _templateObject$A, _templateObject2$v, _templateObject3$q;
|
|
34043
34052
|
function FrequentlyEmojis(_ref) {
|
|
34044
34053
|
var handleAddEmoji = _ref.handleAddEmoji,
|
|
34045
34054
|
handleEmojiPopupToggle = _ref.handleEmojiPopupToggle,
|
|
@@ -34176,7 +34185,7 @@ var EmojiItem = styled.span(_templateObject2$v || (_templateObject2$v = _taggedT
|
|
|
34176
34185
|
}, function (props) {
|
|
34177
34186
|
return props.activeBackground;
|
|
34178
34187
|
});
|
|
34179
|
-
var OpenMoreEmojis = styled.span(_templateObject3$
|
|
34188
|
+
var OpenMoreEmojis = styled.span(_templateObject3$q || (_templateObject3$q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 28px;\n height: 28px;\n background-color: ", ";\n cursor: pointer;\n\n & > svg {\n color: ", ";\n height: 18px;\n width: 18px;\n }\n &:hover {\n background-color: ", ";\n & > svg {\n color: ", ";\n }\n }\n border-radius: 50%;\n"])), function (props) {
|
|
34180
34189
|
return props.iconBackgroundColor;
|
|
34181
34190
|
}, function (props) {
|
|
34182
34191
|
return props.iconColor;
|
|
@@ -34186,7 +34195,7 @@ var OpenMoreEmojis = styled.span(_templateObject3$p || (_templateObject3$p = _ta
|
|
|
34186
34195
|
return props.iconHoverColor;
|
|
34187
34196
|
});
|
|
34188
34197
|
|
|
34189
|
-
var _templateObject$B, _templateObject2$w, _templateObject3$
|
|
34198
|
+
var _templateObject$B, _templateObject2$w, _templateObject3$r, _templateObject4$m;
|
|
34190
34199
|
var MessageStatusAndTime = function MessageStatusAndTime(_ref) {
|
|
34191
34200
|
var message = _ref.message,
|
|
34192
34201
|
_ref$messageStatusDis = _ref.messageStatusDisplayingType,
|
|
@@ -34258,7 +34267,7 @@ var HiddenMessageTime = styled.span(_templateObject2$w || (_templateObject2$w =
|
|
|
34258
34267
|
}, function (props) {
|
|
34259
34268
|
return props.color;
|
|
34260
34269
|
});
|
|
34261
|
-
var MessageStatusAndTimeContainer = styled.span(_templateObject3$
|
|
34270
|
+
var MessageStatusAndTimeContainer = styled.span(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n visibility: ", ";\n display: ", ";\n align-items: flex-end;\n border-radius: 16px;\n padding: ", ";\n background-color: ", ";\n float: right;\n line-height: ", ";\n margin-right: ", ";\n margin-left: ", ";\n margin-bottom: ", ";\n direction: ", ";\n transform: translate(0px, 4px);\n white-space: nowrap;\n width: ", ";\n justify-content: ", ";\n z-index: 10;\n\n & > svg {\n margin-left: 4px;\n height: 14px;\n width: 16px;\n }\n\n & > ", " {\n color: ", ";\n }\n\n ", "\n"])), function (props) {
|
|
34262
34271
|
return props.showOnlyOnHover && 'hidden';
|
|
34263
34272
|
}, function (props) {
|
|
34264
34273
|
return props.hide ? 'none' : 'flex';
|
|
@@ -34291,7 +34300,7 @@ var MessageStatusUpdated = styled.span(_templateObject4$m || (_templateObject4$m
|
|
|
34291
34300
|
return props.color;
|
|
34292
34301
|
});
|
|
34293
34302
|
|
|
34294
|
-
var _templateObject$C, _templateObject2$x, _templateObject3$
|
|
34303
|
+
var _templateObject$C, _templateObject2$x, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$e, _templateObject8$d, _templateObject9$b, _templateObject0$a, _templateObject1$7, _templateObject10$4;
|
|
34295
34304
|
var POLL_VOTES_LIMIT = 20;
|
|
34296
34305
|
var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
34297
34306
|
var _pollVotesHasMore$key, _poll$voteDetails, _poll$voteDetails$vot, _poll$voteDetails3;
|
|
@@ -34407,7 +34416,7 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
|
34407
34416
|
};
|
|
34408
34417
|
var VotesList = styled.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 500px;\n padding: 8px 0;\n"])));
|
|
34409
34418
|
var VoterRow = styled.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 6px 0;\n"])));
|
|
34410
|
-
var VoterInfo = styled.div(_templateObject3$
|
|
34419
|
+
var VoterInfo = styled.div(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n justify-content: space-between;\n"])));
|
|
34411
34420
|
var VoterName = styled.div(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.2px;\n max-width: calc(100% - 120px);\n"])), function (p) {
|
|
34412
34421
|
return p.color;
|
|
34413
34422
|
});
|
|
@@ -34434,7 +34443,7 @@ var Loader = styled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTem
|
|
|
34434
34443
|
return p.color;
|
|
34435
34444
|
});
|
|
34436
34445
|
|
|
34437
|
-
var _templateObject$D, _templateObject2$y, _templateObject3$
|
|
34446
|
+
var _templateObject$D, _templateObject2$y, _templateObject3$t, _templateObject4$o, _templateObject5$j, _templateObject6$h, _templateObject7$f, _templateObject8$e, _templateObject9$c, _templateObject0$b, _templateObject1$8, _templateObject10$5;
|
|
34438
34447
|
var VotesResultsPopup = function VotesResultsPopup(_ref) {
|
|
34439
34448
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$options$find;
|
|
34440
34449
|
var onClose = _ref.onClose,
|
|
@@ -34568,7 +34577,7 @@ var OptionBlock = styled.div(_templateObject2$y || (_templateObject2$y = _tagged
|
|
|
34568
34577
|
}, function (p) {
|
|
34569
34578
|
return p.border;
|
|
34570
34579
|
});
|
|
34571
|
-
var OptionHeader = styled.div(_templateObject3$
|
|
34580
|
+
var OptionHeader = styled.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n"])));
|
|
34572
34581
|
var OptionTitle = styled.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n color: ", ";\n max-width: calc(100% - 60px);\n font-family: Inter;\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.4px;\n"])), function (p) {
|
|
34573
34582
|
return p.color;
|
|
34574
34583
|
});
|
|
@@ -34613,7 +34622,7 @@ function SvgFilledCheckbox(props) {
|
|
|
34613
34622
|
})));
|
|
34614
34623
|
}
|
|
34615
34624
|
|
|
34616
|
-
var _templateObject$E, _templateObject2$z, _templateObject3$
|
|
34625
|
+
var _templateObject$E, _templateObject2$z, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$i, _templateObject7$g, _templateObject8$f, _templateObject9$d, _templateObject0$c, _templateObject1$9, _templateObject10$6, _templateObject11$4, _templateObject12$3;
|
|
34617
34626
|
var PollMessage = function PollMessage(_ref) {
|
|
34618
34627
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
|
|
34619
34628
|
var message = _ref.message;
|
|
@@ -34747,7 +34756,7 @@ var Container$h = styled.div(_templateObject$E || (_templateObject$E = _taggedTe
|
|
|
34747
34756
|
var Question$1 = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n word-break: break-word;\n"])), function (p) {
|
|
34748
34757
|
return p.color;
|
|
34749
34758
|
});
|
|
34750
|
-
var SubTitle$1 = styled.div(_templateObject3$
|
|
34759
|
+
var SubTitle$1 = styled.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin: 4px 0 6px 0;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n letter-spacing: -0.08px;\n word-break: break-word;\n"])), function (p) {
|
|
34751
34760
|
return p.color;
|
|
34752
34761
|
});
|
|
34753
34762
|
var Options = styled.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: 4px;\n"])));
|
|
@@ -34782,7 +34791,7 @@ var Bar = styled.div(_templateObject10$6 || (_templateObject10$6 = _taggedTempla
|
|
|
34782
34791
|
var Fill = styled.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n height: 100%;\n border-radius: 6px;\n transition: width 0.3s ease-in-out;\n"])));
|
|
34783
34792
|
var UsersContainer = styled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n"])));
|
|
34784
34793
|
|
|
34785
|
-
var _templateObject$F, _templateObject2$A, _templateObject3$
|
|
34794
|
+
var _templateObject$F, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$h, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
|
|
34786
34795
|
var validateUrl = function validateUrl(url) {
|
|
34787
34796
|
try {
|
|
34788
34797
|
var urlObj = new URL(url);
|
|
@@ -35176,7 +35185,7 @@ var ImageContainer = styled.div(_templateObject2$A || (_templateObject2$A = _tag
|
|
|
35176
35185
|
containerHeight = _ref0.containerHeight;
|
|
35177
35186
|
return shouldAnimate && showOGMetadata && containerHeight && "\n animation: expandHeight 0.3s ease-out forwards;\n ";
|
|
35178
35187
|
});
|
|
35179
|
-
var OGText = styled.div(_templateObject3$
|
|
35188
|
+
var OGText = styled.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n flex-direction: column;\n gap: 0;\n ", "\n ", ";\n"])), sharedKeyframes, function (_ref1) {
|
|
35180
35189
|
var shouldAnimate = _ref1.shouldAnimate;
|
|
35181
35190
|
return shouldAnimate && "\n animation: fadeInSlideUp 0.3s ease-out forwards;\n ";
|
|
35182
35191
|
}, function (_ref10) {
|
|
@@ -35228,7 +35237,7 @@ var OGTextWrapper = styled.div(_templateObject9$e || (_templateObject9$e = _tagg
|
|
|
35228
35237
|
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"])));
|
|
35229
35238
|
var FaviconImg = styled.img(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
35230
35239
|
|
|
35231
|
-
var _templateObject$G, _templateObject2$B, _templateObject3$
|
|
35240
|
+
var _templateObject$G, _templateObject2$B, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
35232
35241
|
var MessageBody = function MessageBody(_ref) {
|
|
35233
35242
|
var message = _ref.message,
|
|
35234
35243
|
channel = _ref.channel,
|
|
@@ -35839,7 +35848,7 @@ var MessageStatusDeleted$1 = styled.span(_templateObject2$B || (_templateObject2
|
|
|
35839
35848
|
}, function (props) {
|
|
35840
35849
|
return props.fontSize;
|
|
35841
35850
|
});
|
|
35842
|
-
var MessageBodyContainer = styled.div(_templateObject3$
|
|
35851
|
+
var MessageBodyContainer = styled.div(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n position: relative;\n background-color: ", ";\n //display: inline-block;\n border-radius: ", ";\n direction: ", ";\n max-width: ", ";\n width: ", ";\n overflow-wrap: break-word;\n word-break: break-word;\n\n ", "\n padding: ", ";\n //direction: ", ";\n //overflow: ", ";\n transition: all 0.3s;\n transform-origin: right;\n"])), function (props) {
|
|
35843
35852
|
var _props$outgoingMessag, _props$incomingMessag;
|
|
35844
35853
|
return props.isSelfMessage ? (_props$outgoingMessag = props.outgoingMessageStyles) === null || _props$outgoingMessag === void 0 ? void 0 : _props$outgoingMessag.background : (_props$incomingMessag = props.incomingMessageStyles) === null || _props$incomingMessag === void 0 ? void 0 : _props$incomingMessag.background;
|
|
35845
35854
|
}, function (props) {
|
|
@@ -35877,7 +35886,7 @@ var FrequentlyEmojisContainer = styled.div(_templateObject5$m || (_templateObjec
|
|
|
35877
35886
|
return props.rtlDirection && '0';
|
|
35878
35887
|
});
|
|
35879
35888
|
|
|
35880
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$
|
|
35889
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
35881
35890
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
35882
35891
|
var m = moment(date);
|
|
35883
35892
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -36257,7 +36266,7 @@ var Tab = styled.button(_templateObject2$C || (_templateObject2$C = _taggedTempl
|
|
|
36257
36266
|
}, function (p) {
|
|
36258
36267
|
return p.active ? p.background : p.borderColor;
|
|
36259
36268
|
});
|
|
36260
|
-
var List$1 = styled.div(_templateObject3$
|
|
36269
|
+
var List$1 = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n margin-top: 8px;\n flex: 1 1 auto;\n min-height: 0;\n overflow-y: auto;\n max-height: ", ";\n"])), function (p) {
|
|
36261
36270
|
return p.maxHeight ? p.maxHeight + "px" : 'unset';
|
|
36262
36271
|
});
|
|
36263
36272
|
var Row$2 = styled.div(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 6px;\n border-radius: 10px;\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n"])), function (p) {
|
|
@@ -36311,7 +36320,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
36311
36320
|
});
|
|
36312
36321
|
}
|
|
36313
36322
|
|
|
36314
|
-
var _templateObject$I, _templateObject2$D, _templateObject3$
|
|
36323
|
+
var _templateObject$I, _templateObject2$D, _templateObject3$y, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$j, _templateObject8$i, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$5, _templateObject12$4;
|
|
36315
36324
|
var Message$1 = function Message(_ref) {
|
|
36316
36325
|
var message = _ref.message,
|
|
36317
36326
|
channel = _ref.channel,
|
|
@@ -37116,7 +37125,7 @@ var MessageReactionKey = styled.span(_templateObject$I || (_templateObject$I = _
|
|
|
37116
37125
|
var ReactionItemCount = styled.span(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n margin-left: 2px;\n font-family: Inter, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
|
|
37117
37126
|
return props.color;
|
|
37118
37127
|
});
|
|
37119
|
-
var MessageReaction = styled.span(_templateObject3$
|
|
37128
|
+
var MessageReaction = styled.span(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n //min-width: 23px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: ", ";\n margin-right: ", ";\n border: ", ";\n color: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n background-color: ", ";\n white-space: nowrap;\n\n &:last-child {\n margin-right: 0;\n }\n"])), function (props) {
|
|
37120
37129
|
return props.margin || '0 8px 0 0';
|
|
37121
37130
|
}, function (props) {
|
|
37122
37131
|
return props.isLastReaction && '0';
|
|
@@ -37215,7 +37224,7 @@ var MessageItem = styled.div(_templateObject12$4 || (_templateObject12$4 = _tagg
|
|
|
37215
37224
|
return props.hoverBackground || '';
|
|
37216
37225
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
37217
37226
|
|
|
37218
|
-
var _templateObject$J, _templateObject2$E, _templateObject3$
|
|
37227
|
+
var _templateObject$J, _templateObject2$E, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
37219
37228
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
37220
37229
|
var lastIndex = _ref.lastIndex,
|
|
37221
37230
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38312,7 +38321,7 @@ var Container$i = styled.div(_templateObject$J || (_templateObject$J = _taggedTe
|
|
|
38312
38321
|
return props.thumbColor;
|
|
38313
38322
|
});
|
|
38314
38323
|
var EmptyDiv = styled.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n height: 300px;\n"])));
|
|
38315
|
-
var MessagesBox = styled.div(_templateObject3$
|
|
38324
|
+
var MessagesBox = styled.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n //height: auto;\n display: flex;\n //flex-direction: column-reverse;\n flex-direction: column;\n padding-bottom: 20px;\n //overflow: auto;\n //scroll-behavior: unset;\n"])));
|
|
38316
38325
|
var MessageTopDate = styled.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n justify-content: center;\n width: 100%;\n top: ", ";\n left: 0;\n margin-top: ", ";\n margin-bottom: ", ";\n text-align: center;\n z-index: 10;\n background: transparent;\n opacity: ", ";\n transition: all 0.2s ease-in-out;\n width: calc(100% - 8px);\n\n span {\n display: inline-block;\n max-width: 380px;\n font-style: normal;\n font-weight: normal;\n font-size: ", ";\n color: ", ";\n background-color: ", ";\n border: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n padding: 5px 16px;\n box-shadow:\n 0 0 2px rgba(0, 0, 0, 0.08),\n 0 2px 24px rgba(0, 0, 0, 0.08);\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"])), function (props) {
|
|
38317
38326
|
return props.topOffset ? props.topOffset + 22 + "px" : '22px';
|
|
38318
38327
|
}, function (props) {
|
|
@@ -38783,7 +38792,7 @@ function $isMentionNode(node) {
|
|
|
38783
38792
|
return node instanceof MentionNode;
|
|
38784
38793
|
}
|
|
38785
38794
|
|
|
38786
|
-
var _templateObject$K, _templateObject2$F, _templateObject3$
|
|
38795
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$A, _templateObject4$v, _templateObject5$q;
|
|
38787
38796
|
var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
|
|
38788
38797
|
var NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';
|
|
38789
38798
|
var DocumentMentionsRegex = {
|
|
@@ -39073,7 +39082,7 @@ var MentionsList = styled.ul(_templateObject2$F || (_templateObject2$F = _tagged
|
|
|
39073
39082
|
}, function (props) {
|
|
39074
39083
|
return props.hidden ? 'hidden' : 'visible';
|
|
39075
39084
|
});
|
|
39076
|
-
var MemberItem = styled.li(_templateObject3$
|
|
39085
|
+
var MemberItem = styled.li(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 15px;\n padding: 6px 16px;\n transition: all 0.2s;\n cursor: pointer;\n background-color: ", ";\n\n & ", " {\n width: 10px;\n height: 10px;\n }\n"])), function (props) {
|
|
39077
39086
|
return props.isActiveItem && props.activeBackgroundColor;
|
|
39078
39087
|
}, UserStatus);
|
|
39079
39088
|
var UserNamePresence$2 = styled.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
|
|
@@ -39917,7 +39926,7 @@ function FormatMessagePlugin(_ref) {
|
|
|
39917
39926
|
return null;
|
|
39918
39927
|
}
|
|
39919
39928
|
|
|
39920
|
-
var _templateObject$M, _templateObject2$H, _templateObject3$
|
|
39929
|
+
var _templateObject$M, _templateObject2$H, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$n, _templateObject7$l, _templateObject8$k;
|
|
39921
39930
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
39922
39931
|
var collectionName = _ref.collectionName;
|
|
39923
39932
|
switch (collectionName) {
|
|
@@ -40138,7 +40147,7 @@ var EmojiHeader$1 = styled.div(_templateObject2$H || (_templateObject2$H = _tagg
|
|
|
40138
40147
|
}, function (props) {
|
|
40139
40148
|
return props.padding || '6px 18px';
|
|
40140
40149
|
});
|
|
40141
|
-
var EmojiSection$1 = styled.div(_templateObject3$
|
|
40150
|
+
var EmojiSection$1 = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n height: 180px;\n overflow-x: hidden;\n\n & ::selection {\n color: inherit;\n background: inherit;\n }\n"])));
|
|
40142
40151
|
var EmojiCollection$1 = styled.span(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n\n & > * {\n color: ", ";\n }\n"])), function (props) {
|
|
40143
40152
|
return props.iconColor;
|
|
40144
40153
|
});
|
|
@@ -40350,7 +40359,7 @@ function SvgRecordButton(props) {
|
|
|
40350
40359
|
})));
|
|
40351
40360
|
}
|
|
40352
40361
|
|
|
40353
|
-
var _templateObject$N, _templateObject2$I, _templateObject3$
|
|
40362
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m;
|
|
40354
40363
|
var shouldDraw = false;
|
|
40355
40364
|
var DEFAULT_MAX_RECORDING_DURATION = 600;
|
|
40356
40365
|
var AudioRecord = function AudioRecord(_ref) {
|
|
@@ -40940,7 +40949,7 @@ var AudioWrapper = styled.div(_templateObject2$I || (_templateObject2$I = _tagge
|
|
|
40940
40949
|
}, function (props) {
|
|
40941
40950
|
return props.recording ? '0 12px 0 0' : '0';
|
|
40942
40951
|
});
|
|
40943
|
-
var RecordIconWrapper = styled.span(_templateObject3$
|
|
40952
|
+
var RecordIconWrapper = styled.span(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n display: flex;\n cursor: pointer;\n > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
40944
40953
|
return props.iconColor;
|
|
40945
40954
|
});
|
|
40946
40955
|
var AudioVisualization$1 = styled.div(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n position: absolute;\n opacity: ", ";\n z-index: ", ";\n visibility: ", ";\n width: 300px;\n height: 28px;\n max-width: calc(100% - 100px);\n left: 40px;\n background-color: ", ";\n"])), function (_ref5) {
|
|
@@ -40972,10 +40981,10 @@ var Timer$2 = styled.div(_templateObject7$m || (_templateObject7$m = _taggedTemp
|
|
|
40972
40981
|
return props.color;
|
|
40973
40982
|
});
|
|
40974
40983
|
|
|
40975
|
-
var _templateObject$O, _templateObject2$J, _templateObject3$
|
|
40984
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$D;
|
|
40976
40985
|
var wave = keyframes(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n 0%, 100% {\n transform: scaleY(0.5);\n opacity: 0.6;\n }\n 50% {\n transform: scaleY(1.2);\n opacity: 1;\n }\n"])));
|
|
40977
40986
|
var Wrapper = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n height: 8px;\n gap: 1.5px;\n"])));
|
|
40978
|
-
var Bar$1 = styled.span(_templateObject3$
|
|
40987
|
+
var Bar$1 = styled.span(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n display: block;\n width: 3px;\n height: 8px;\n border-radius: 2px;\n background: ", ";\n animation: ", " 1s infinite;\n animation-delay: ", "s;\n"])), function (props) {
|
|
40979
40988
|
return props.borderColor;
|
|
40980
40989
|
}, wave, function (_ref) {
|
|
40981
40990
|
var delay = _ref.delay;
|
|
@@ -41023,7 +41032,7 @@ function SvgDotsVertica(props) {
|
|
|
41023
41032
|
})));
|
|
41024
41033
|
}
|
|
41025
41034
|
|
|
41026
|
-
var _templateObject$P, _templateObject2$K, _templateObject3$
|
|
41035
|
+
var _templateObject$P, _templateObject2$K, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$i;
|
|
41027
41036
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
41028
41037
|
var togglePopup = _ref.togglePopup,
|
|
41029
41038
|
onCreate = _ref.onCreate;
|
|
@@ -41413,7 +41422,7 @@ var CustomTextArea = styled.textarea(_templateObject2$K || (_templateObject2$K =
|
|
|
41413
41422
|
}, function (props) {
|
|
41414
41423
|
return props.placeholderColor;
|
|
41415
41424
|
});
|
|
41416
|
-
var TextCounter = styled.span(_templateObject3$
|
|
41425
|
+
var TextCounter = styled.span(_templateObject3$E || (_templateObject3$E = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 13px;\n line-height: 20px;\n margin-left: auto;\n"])), function (props) {
|
|
41417
41426
|
return props.color;
|
|
41418
41427
|
});
|
|
41419
41428
|
var OptionsList$1 = styled.div(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n max-height: 200px;\n overflow-y: auto;\n margin-top: 8px;\n padding-right: 6px;\n"])));
|
|
@@ -41443,7 +41452,7 @@ var SettingItem = styled.div(_templateObject9$i || (_templateObject9$i = _tagged
|
|
|
41443
41452
|
return props.color;
|
|
41444
41453
|
});
|
|
41445
41454
|
|
|
41446
|
-
var _templateObject$Q, _templateObject2$L, _templateObject3$
|
|
41455
|
+
var _templateObject$Q, _templateObject2$L, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$q, _templateObject7$o, _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$1, _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;
|
|
41447
41456
|
function AutoFocusPlugin(_ref) {
|
|
41448
41457
|
var messageForReply = _ref.messageForReply;
|
|
41449
41458
|
var _useLexicalComposerCo = useLexicalComposerContext(),
|
|
@@ -43076,7 +43085,7 @@ var Container$l = styled.div(_templateObject2$L || (_templateObject2$L = _tagged
|
|
|
43076
43085
|
}, function (props) {
|
|
43077
43086
|
return props.mentionColor;
|
|
43078
43087
|
});
|
|
43079
|
-
var EditReplyMessageCont = styled.div(_templateObject3$
|
|
43088
|
+
var EditReplyMessageCont = styled.div(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n position: relative;\n left: ", ";\n bottom: ", ";\n width: ", ";\n border-radius: ", ";\n padding: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.2px;\n color: ", ";\n background-color: ", ";\n z-index: 19;\n box-sizing: content-box;\n"])), function (props) {
|
|
43080
43089
|
return props.left || '0';
|
|
43081
43090
|
}, function (props) {
|
|
43082
43091
|
return props.bottom || '0';
|
|
@@ -43443,7 +43452,7 @@ function SvgUnpin(props) {
|
|
|
43443
43452
|
})));
|
|
43444
43453
|
}
|
|
43445
43454
|
|
|
43446
|
-
var _templateObject$R, _templateObject2$M, _templateObject3$
|
|
43455
|
+
var _templateObject$R, _templateObject2$M, _templateObject3$G, _templateObject4$A, _templateObject5$v, _templateObject6$r, _templateObject7$p, _templateObject8$n, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3;
|
|
43447
43456
|
var Actions = function Actions(_ref) {
|
|
43448
43457
|
var setActionsHeight = _ref.setActionsHeight,
|
|
43449
43458
|
channel = _ref.channel,
|
|
@@ -43911,7 +43920,7 @@ var Container$m = styled.div(_templateObject$R || (_templateObject$R = _taggedTe
|
|
|
43911
43920
|
return props.borderColor;
|
|
43912
43921
|
});
|
|
43913
43922
|
var ActionHeader = styled.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 25px 0 22px;\n cursor: pointer;\n"])));
|
|
43914
|
-
var MenuTriggerIcon = styled.span(_templateObject3$
|
|
43923
|
+
var MenuTriggerIcon = styled.span(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n transition: all 0.2s;\n ", "\n"])), function (props) {
|
|
43915
43924
|
return !props.isOpen && ' transform: rotate(-90deg);';
|
|
43916
43925
|
});
|
|
43917
43926
|
var ActionsMenu = styled.ul(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
@@ -44001,7 +44010,7 @@ function SvgMoreVert(props) {
|
|
|
44001
44010
|
})));
|
|
44002
44011
|
}
|
|
44003
44012
|
|
|
44004
|
-
var _templateObject$S, _templateObject2$N, _templateObject3$
|
|
44013
|
+
var _templateObject$S, _templateObject2$N, _templateObject3$H;
|
|
44005
44014
|
var ChangeMemberRole = function ChangeMemberRole(_ref) {
|
|
44006
44015
|
var theme = _ref.theme,
|
|
44007
44016
|
channelId = _ref.channelId,
|
|
@@ -44106,7 +44115,7 @@ var RoleLabel = styled.div(_templateObject2$N || (_templateObject2$N = _taggedTe
|
|
|
44106
44115
|
var color = _ref2.color;
|
|
44107
44116
|
return color;
|
|
44108
44117
|
});
|
|
44109
|
-
var RoleSpan = styled.span(_templateObject3$
|
|
44118
|
+
var RoleSpan = styled.span(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n text-transform: capitalize;\n"])));
|
|
44110
44119
|
|
|
44111
44120
|
function ResetLinkConfirmModal(_ref) {
|
|
44112
44121
|
var _getInviteLinkOptions;
|
|
@@ -44143,7 +44152,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
44143
44152
|
});
|
|
44144
44153
|
}
|
|
44145
44154
|
|
|
44146
|
-
var _templateObject$T, _templateObject2$O, _templateObject3$
|
|
44155
|
+
var _templateObject$T, _templateObject2$O, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$s, _templateObject7$q, _templateObject8$o, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
|
|
44147
44156
|
function InviteLinkModal(_ref) {
|
|
44148
44157
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
44149
44158
|
var onClose = _ref.onClose,
|
|
@@ -44633,7 +44642,7 @@ var Tabs$1 = styled.div(_templateObject2$O || (_templateObject2$O = _taggedTempl
|
|
|
44633
44642
|
}, function (p) {
|
|
44634
44643
|
return p.borderColor;
|
|
44635
44644
|
});
|
|
44636
|
-
var TabButton = styled.button(_templateObject3$
|
|
44645
|
+
var TabButton = styled.button(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n height: 36px;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n background-color: ", ";\n ", "\n color: ", ";\n"])), function (p) {
|
|
44637
44646
|
return p.active ? p.activeBackgroundColor : p.backgroundColor;
|
|
44638
44647
|
}, function (p) {
|
|
44639
44648
|
return p.active && "\n box-shadow: 0px 3px 6px -4px #0000001F;\n ";
|
|
@@ -44675,7 +44684,7 @@ var QrHint = styled.p(_templateObject13$5 || (_templateObject13$5 = _taggedTempl
|
|
|
44675
44684
|
return p.color;
|
|
44676
44685
|
});
|
|
44677
44686
|
|
|
44678
|
-
var _templateObject$U, _templateObject2$P, _templateObject3$
|
|
44687
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$r, _templateObject8$p, _templateObject9$m;
|
|
44679
44688
|
var Members = function Members(_ref) {
|
|
44680
44689
|
var _members$find;
|
|
44681
44690
|
var channel = _ref.channel,
|
|
@@ -44999,7 +45008,7 @@ var Members = function Members(_ref) {
|
|
|
44999
45008
|
};
|
|
45000
45009
|
var Container$n = styled.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose([""])));
|
|
45001
45010
|
var ActionsMenu$1 = styled.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: all 0.2s;\n"])));
|
|
45002
|
-
var MemberNamePresence = styled.div(_templateObject3$
|
|
45011
|
+
var MemberNamePresence = styled.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n max-width: calc(100% - 84px);\n\n & > ", " {\n display: block;\n }\n"])), SubTitle);
|
|
45003
45012
|
var MemberNameWrapper = styled.div(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
45004
45013
|
var MemberName$3 = styled.h4(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-weight: 400;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: ", ";\n"])), function (props) {
|
|
45005
45014
|
return props.color;
|
|
@@ -45128,7 +45137,7 @@ function SvgDownloadFile(props) {
|
|
|
45128
45137
|
})));
|
|
45129
45138
|
}
|
|
45130
45139
|
|
|
45131
|
-
var _templateObject$W, _templateObject2$R, _templateObject3$
|
|
45140
|
+
var _templateObject$W, _templateObject2$R, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$u, _templateObject7$s, _templateObject8$q;
|
|
45132
45141
|
var Files = function Files(_ref) {
|
|
45133
45142
|
var channelId = _ref.channelId,
|
|
45134
45143
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -45252,7 +45261,7 @@ var DownloadWrapper = styled.a(_templateObject2$R || (_templateObject2$R = _tagg
|
|
|
45252
45261
|
}, function (props) {
|
|
45253
45262
|
return props.iconColor;
|
|
45254
45263
|
});
|
|
45255
|
-
var ProgressWrapper$2 = styled.span(_templateObject3$
|
|
45264
|
+
var ProgressWrapper$2 = styled.span(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: 20px;\n height: 20px;\n animation: preloader 1.5s linear infinite;\n\n @keyframes preloader {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])));
|
|
45256
45265
|
var FileIconCont = styled.span(_templateObject4$D || (_templateObject4$D = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n\n & > svg {\n width: 40px;\n height: 40px;\n color: ", ";\n fill: ", ";\n }\n"])), function (props) {
|
|
45257
45266
|
return props.iconColor;
|
|
45258
45267
|
}, function (props) {
|
|
@@ -45306,7 +45315,7 @@ function SvgLinkIcon(props) {
|
|
|
45306
45315
|
})));
|
|
45307
45316
|
}
|
|
45308
45317
|
|
|
45309
|
-
var _templateObject$X, _templateObject2$S, _templateObject3$
|
|
45318
|
+
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$E, _templateObject5$z;
|
|
45310
45319
|
var LinkItem = function LinkItem(_ref) {
|
|
45311
45320
|
var link = _ref.link,
|
|
45312
45321
|
linkPreviewIcon = _ref.linkPreviewIcon,
|
|
@@ -45347,7 +45356,7 @@ var LinkHoverIconCont = styled.span(_templateObject2$S || (_templateObject2$S =
|
|
|
45347
45356
|
}, function (props) {
|
|
45348
45357
|
return props.fillColor;
|
|
45349
45358
|
});
|
|
45350
|
-
var LinkInfoCont = styled.div(_templateObject3$
|
|
45359
|
+
var LinkInfoCont = styled.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n width: calc(100% - 40px);\n"])));
|
|
45351
45360
|
var FileItem$1 = styled.li(_templateObject4$E || (_templateObject4$E = _taggedTemplateLiteralLoose(["\n padding: 9px 16px;\n a {\n display: flex;\n align-items: center;\n text-decoration: none;\n }\n &:hover {\n background-color: ", ";\n & ", " {\n display: none;\n }\n & ", " {\n display: inline-flex;\n }\n }\n"])), function (props) {
|
|
45352
45361
|
return props.hoverBackgroundColor;
|
|
45353
45362
|
}, LinkIconCont, LinkHoverIconCont);
|
|
@@ -45436,7 +45445,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
45436
45445
|
})));
|
|
45437
45446
|
}
|
|
45438
45447
|
|
|
45439
|
-
var _templateObject$Z, _templateObject2$T, _templateObject3$
|
|
45448
|
+
var _templateObject$Z, _templateObject2$T, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$v, _templateObject7$t, _templateObject8$r;
|
|
45440
45449
|
var VoiceItem = function VoiceItem(_ref) {
|
|
45441
45450
|
var file = _ref.file,
|
|
45442
45451
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -45571,7 +45580,7 @@ var FileHoverIconCont$1 = styled.span(_templateObject2$T || (_templateObject2$T
|
|
|
45571
45580
|
}, function (props) {
|
|
45572
45581
|
return props.fill || 'transparent';
|
|
45573
45582
|
});
|
|
45574
|
-
var FileItem$2 = styled.li(_templateObject3$
|
|
45583
|
+
var FileItem$2 = styled.li(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteralLoose(["\n padding: 9px 16px;\n display: flex;\n align-items: center;\n text-decoration: none;\n\n &:hover {\n background-color: ", ";\n }\n div {\n margin-left: 12px;\n width: 100%;\n }\n img {\n width: 42px;\n height: 42px;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n box-sizing: border-box;\n border-radius: 6px;\n }\n\n &.isHover {\n & ", " {\n display: none;\n }\n & ", " {\n display: inline-flex;\n }\n }\n"])), function (props) {
|
|
45575
45584
|
return props.hoverBackgroundColor;
|
|
45576
45585
|
}, FileIconCont$1, FileHoverIconCont$1);
|
|
45577
45586
|
var AudioInfo = styled.div(_templateObject4$F || (_templateObject4$F = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -45789,7 +45798,7 @@ var DetailsTabHeader = styled.div(_templateObject2$U || (_templateObject2$U = _t
|
|
|
45789
45798
|
return props.activeTabColor;
|
|
45790
45799
|
});
|
|
45791
45800
|
|
|
45792
|
-
var _templateObject$10, _templateObject2$V, _templateObject3$
|
|
45801
|
+
var _templateObject$10, _templateObject2$V, _templateObject3$N, _templateObject4$G;
|
|
45793
45802
|
var Container$t = styled.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n ", ";\n height: ", ";\n position: absolute;\n padding: 24px 16px;\n background-color: ", ";\n z-index: 25;\n"])), function (props) {
|
|
45794
45803
|
return props.active ? 'display: block' : 'display: none';
|
|
45795
45804
|
}, function (props) {
|
|
@@ -45798,7 +45807,7 @@ var Container$t = styled.div(_templateObject$10 || (_templateObject$10 = _tagged
|
|
|
45798
45807
|
return props.backgroundColor;
|
|
45799
45808
|
});
|
|
45800
45809
|
var AvatarCont = styled.div(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n margin-bottom: 4px;\n\n &::after {\n content: '';\n position: absolute;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.4);\n }\n .dropdown-body {\n top: inherit;\n right: inherit;\n bottom: -90px;\n }\n"])));
|
|
45801
|
-
var DropDownWrapper = styled.div(_templateObject3$
|
|
45810
|
+
var DropDownWrapper = styled.div(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 4;\n width: 40px;\n height: 40px;\n"])));
|
|
45802
45811
|
var EditChannelFooter = styled(ButtonBlock)(_templateObject4$G || (_templateObject4$G = _taggedTemplateLiteralLoose(["\n margin-top: 24px;\n\n & > button {\n margin-left: 12px;\n }\n"])));
|
|
45803
45812
|
var EditChannel = function EditChannel(_ref) {
|
|
45804
45813
|
var channel = _ref.channel,
|
|
@@ -46054,7 +46063,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
46054
46063
|
})));
|
|
46055
46064
|
};
|
|
46056
46065
|
|
|
46057
|
-
var _templateObject$11, _templateObject2$W, _templateObject3$
|
|
46066
|
+
var _templateObject$11, _templateObject2$W, _templateObject3$O, _templateObject4$H, _templateObject5$B, _templateObject6$w, _templateObject7$u, _templateObject8$s, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
|
|
46058
46067
|
var Details = function Details(_ref) {
|
|
46059
46068
|
var _activeChannel$member;
|
|
46060
46069
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -46494,7 +46503,7 @@ var Container$u = styled.div(_templateObject$11 || (_templateObject$11 = _tagged
|
|
|
46494
46503
|
var ChannelDetailsHeader = styled.div(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 16px;\n position: relative;\n height: 64px;\n box-sizing: border-box;\n border-bottom: 1px solid ", ";\n\n & svg {\n cursor: pointer;\n }\n"])), function (props) {
|
|
46495
46504
|
return props.borderColor;
|
|
46496
46505
|
});
|
|
46497
|
-
var ChatDetails = styled.div(_templateObject3$
|
|
46506
|
+
var ChatDetails = styled.div(_templateObject3$O || (_templateObject3$O = _taggedTemplateLiteralLoose(["\n //position: relative;\n width: ", ";\n //height: ", ";\n height: ", ";\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n width: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
|
|
46498
46507
|
return props.size === 'small' ? '300px' : props.size === 'medium' ? '350px' : '400px';
|
|
46499
46508
|
}, function (props) {
|
|
46500
46509
|
return props.height ? "calc(100vh - " + props.heightOffset + "px)" : '100vh';
|