sceyt-chat-react-uikit 1.7.6-beta.10 → 1.7.6-beta.11
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 +109 -102
- package/index.modern.js +109 -102
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -23317,7 +23317,7 @@ var MembersText = styled__default.div(_templateObject7$1 || (_templateObject7$1
|
|
|
23317
23317
|
});
|
|
23318
23318
|
var Center = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-top: 24px;\n"])));
|
|
23319
23319
|
|
|
23320
|
-
var _templateObject$5, _templateObject2$4;
|
|
23320
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$4;
|
|
23321
23321
|
var SceytChat = function SceytChat(_ref) {
|
|
23322
23322
|
var client = _ref.client,
|
|
23323
23323
|
theme = _ref.theme,
|
|
@@ -23342,7 +23342,9 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23342
23342
|
memberCount = _ref.memberCount,
|
|
23343
23343
|
_ref$disableFrowardMe = _ref.disableFrowardMentionsCount,
|
|
23344
23344
|
disableFrowardMentionsCount = _ref$disableFrowardMe === void 0 ? false : _ref$disableFrowardMe,
|
|
23345
|
-
chatMinWidth = _ref.chatMinWidth
|
|
23345
|
+
chatMinWidth = _ref.chatMinWidth,
|
|
23346
|
+
_ref$embeddedJoinGrou = _ref.embeddedJoinGroupPopup,
|
|
23347
|
+
embeddedJoinGroupPopup = _ref$embeddedJoinGrou === void 0 ? false : _ref$embeddedJoinGrou;
|
|
23346
23348
|
var useInviteLink = getUseInviteLink();
|
|
23347
23349
|
var _useColor = useColors(),
|
|
23348
23350
|
backgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -23575,6 +23577,11 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23575
23577
|
window.history.pushState({}, '', window.location.pathname);
|
|
23576
23578
|
dispatch(setJoinableChannelAC(null));
|
|
23577
23579
|
};
|
|
23580
|
+
var joinPopup = joinableChannel && getUseInviteLink() ? (/*#__PURE__*/React__default.createElement(JoinGroupPopup, {
|
|
23581
|
+
onClose: handleCloseJoinPopup,
|
|
23582
|
+
onJoin: handleJoinChannel,
|
|
23583
|
+
channel: joinableChannel
|
|
23584
|
+
})) : null;
|
|
23578
23585
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, SceytChatClient ? (/*#__PURE__*/React__default.createElement(ChatContainer, {
|
|
23579
23586
|
onDrop: handleDropFile,
|
|
23580
23587
|
onDragOver: handleDragOver,
|
|
@@ -23584,14 +23591,10 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23584
23591
|
highlightedBackground: highlightedBackground,
|
|
23585
23592
|
id: 'sceyt_chat_container',
|
|
23586
23593
|
chatMinWidth: chatMinWidth
|
|
23587
|
-
}, children
|
|
23588
|
-
onClose: handleCloseJoinPopup,
|
|
23589
|
-
onJoin: handleJoinChannel,
|
|
23590
|
-
channel: joinableChannel
|
|
23591
|
-
})));
|
|
23594
|
+
}, children, embeddedJoinGroupPopup && joinPopup && /*#__PURE__*/React__default.createElement(EmbeddedPopupWrapper, null, joinPopup))) : '', !embeddedJoinGroupPopup && joinPopup);
|
|
23592
23595
|
};
|
|
23593
23596
|
var Container$2 = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 100vh;\n"])));
|
|
23594
|
-
var ChatContainer = styled__default.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) {
|
|
23597
|
+
var ChatContainer = styled__default.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) {
|
|
23595
23598
|
return props.withChannelsList && (props.chatMinWidth || '1200px');
|
|
23596
23599
|
}, function (props) {
|
|
23597
23600
|
return props.backgroundColor;
|
|
@@ -23604,6 +23607,7 @@ var ChatContainer = styled__default.div(_templateObject2$4 || (_templateObject2$
|
|
|
23604
23607
|
}, function (props) {
|
|
23605
23608
|
return props.highlightedBackground;
|
|
23606
23609
|
});
|
|
23610
|
+
var EmbeddedPopupWrapper = styled__default.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"])));
|
|
23607
23611
|
|
|
23608
23612
|
var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
23609
23613
|
var client = _ref.client,
|
|
@@ -23638,7 +23642,9 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
|
23638
23642
|
JoinGroupPopup: {},
|
|
23639
23643
|
InviteLinkModal: {},
|
|
23640
23644
|
ResetLinkConfirmModal: {}
|
|
23641
|
-
} : _ref$inviteLinkOption
|
|
23645
|
+
} : _ref$inviteLinkOption,
|
|
23646
|
+
_ref$embeddedJoinGrou = _ref.embeddedJoinGroupPopup,
|
|
23647
|
+
embeddedJoinGroupPopup = _ref$embeddedJoinGrou === void 0 ? false : _ref$embeddedJoinGrou;
|
|
23642
23648
|
React.useEffect(function () {
|
|
23643
23649
|
log.setLevel(logLevel);
|
|
23644
23650
|
if (baseUrlForInviteMembers) {
|
|
@@ -23674,7 +23680,8 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
|
23674
23680
|
channelTypeFilter: channelTypeFilter,
|
|
23675
23681
|
memberCount: memberCount,
|
|
23676
23682
|
disableFrowardMentionsCount: disableFrowardMentionsCount,
|
|
23677
|
-
chatMinWidth: chatMinWidth
|
|
23683
|
+
chatMinWidth: chatMinWidth,
|
|
23684
|
+
embeddedJoinGroupPopup: embeddedJoinGroupPopup
|
|
23678
23685
|
}));
|
|
23679
23686
|
};
|
|
23680
23687
|
|
|
@@ -23926,7 +23933,7 @@ function SvgPoll(props) {
|
|
|
23926
23933
|
})));
|
|
23927
23934
|
}
|
|
23928
23935
|
|
|
23929
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$
|
|
23936
|
+
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;
|
|
23930
23937
|
var LastMessageAttachments = function LastMessageAttachments(_ref) {
|
|
23931
23938
|
var lastMessage = _ref.lastMessage;
|
|
23932
23939
|
return !!(lastMessage.attachments && lastMessage.attachments.length || lastMessage !== null && lastMessage !== void 0 && lastMessage.pollDetails && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === exports.MESSAGE_TYPE.POLL) && (lastMessage !== null && lastMessage !== void 0 && lastMessage.pollDetails && (lastMessage === null || lastMessage === void 0 ? void 0 : lastMessage.type) === exports.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);
|
|
@@ -24306,7 +24313,7 @@ var ChannelInfo = styled__default.div(_templateObject$6 || (_templateObject$6 =
|
|
|
24306
24313
|
var MutedIcon = styled__default.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) {
|
|
24307
24314
|
return props.color;
|
|
24308
24315
|
});
|
|
24309
|
-
var LastMessage = styled__default.div(_templateObject3$
|
|
24316
|
+
var LastMessage = styled__default.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) {
|
|
24310
24317
|
return props.fontSize || '14px';
|
|
24311
24318
|
}, function (props) {
|
|
24312
24319
|
return props.color;
|
|
@@ -24465,7 +24472,7 @@ var ChannelSearch = function ChannelSearch(_ref) {
|
|
|
24465
24472
|
}));
|
|
24466
24473
|
};
|
|
24467
24474
|
|
|
24468
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$
|
|
24475
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$6, _templateObject4$5;
|
|
24469
24476
|
var ContactItem = function ContactItem(_ref) {
|
|
24470
24477
|
var contact = _ref.contact,
|
|
24471
24478
|
createChatWithContact = _ref.createChatWithContact,
|
|
@@ -24525,7 +24532,7 @@ var ChannelInfo$1 = styled__default.div(_templateObject$8 || (_templateObject$8
|
|
|
24525
24532
|
return props.subjectColor || props.textColor;
|
|
24526
24533
|
});
|
|
24527
24534
|
var AvatarWrapper$1 = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n position: relative;\n"])));
|
|
24528
|
-
var UserStatus$1 = styled__default.span(_templateObject3$
|
|
24535
|
+
var UserStatus$1 = styled__default.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) {
|
|
24529
24536
|
return props.backgroundColor || '#56E464';
|
|
24530
24537
|
}, function (props) {
|
|
24531
24538
|
return props.borderColor || '#ffffff';
|
|
@@ -24771,7 +24778,7 @@ function SvgLinkIconWb(props) {
|
|
|
24771
24778
|
})));
|
|
24772
24779
|
}
|
|
24773
24780
|
|
|
24774
|
-
var _templateObject$a, _templateObject2$9, _templateObject3$
|
|
24781
|
+
var _templateObject$a, _templateObject2$9, _templateObject3$7, _templateObject4$6;
|
|
24775
24782
|
function AddMembersListItemInviteLink(_ref) {
|
|
24776
24783
|
var _getInviteLinkOptions;
|
|
24777
24784
|
var onClick = _ref.onClick;
|
|
@@ -24824,14 +24831,14 @@ var Row$1 = styled__default.div(_templateObject$a || (_templateObject$a = _tagge
|
|
|
24824
24831
|
var IconCircle = styled__default.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) {
|
|
24825
24832
|
return props.backgroundColor;
|
|
24826
24833
|
});
|
|
24827
|
-
var StyledLinkIcon = styled__default(SvgLinkIconWb)(_templateObject3$
|
|
24834
|
+
var StyledLinkIcon = styled__default(SvgLinkIconWb)(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n /* keep default fill from theme surface */\n"])), function (props) {
|
|
24828
24835
|
return props.color;
|
|
24829
24836
|
});
|
|
24830
24837
|
var Title$1 = styled__default.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) {
|
|
24831
24838
|
return props.color;
|
|
24832
24839
|
});
|
|
24833
24840
|
|
|
24834
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$
|
|
24841
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2;
|
|
24835
24842
|
var UsersPopup = function UsersPopup(_ref) {
|
|
24836
24843
|
var channel = _ref.channel,
|
|
24837
24844
|
toggleCreatePopup = _ref.toggleCreatePopup,
|
|
@@ -25175,7 +25182,7 @@ var MembersContainer = styled__default(List)(_templateObject2$a || (_templateObj
|
|
|
25175
25182
|
}, function (props) {
|
|
25176
25183
|
return props.thumbColor;
|
|
25177
25184
|
});
|
|
25178
|
-
var SearchUserCont = styled__default.div(_templateObject3$
|
|
25185
|
+
var SearchUserCont = styled__default.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);
|
|
25179
25186
|
var SearchUsersInput = styled__default.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) {
|
|
25180
25187
|
return props.widthBorder ? "1px solid " + props.borderColor : 'none';
|
|
25181
25188
|
}, function (props) {
|
|
@@ -25400,7 +25407,7 @@ var Controls = styled__default.div(_templateObject2$b || (_templateObject2$b = _
|
|
|
25400
25407
|
return props.tickColor;
|
|
25401
25408
|
});
|
|
25402
25409
|
|
|
25403
|
-
var _templateObject$d, _templateObject2$c, _templateObject3$
|
|
25410
|
+
var _templateObject$d, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$4, _templateObject9$3;
|
|
25404
25411
|
function CreateChannel(_ref) {
|
|
25405
25412
|
var handleClose = _ref.handleClose,
|
|
25406
25413
|
channelType = _ref.channelType,
|
|
@@ -25761,7 +25768,7 @@ var UploadAvatarLabel = styled__default.label(_templateObject2$c || (_templateOb
|
|
|
25761
25768
|
}, function (props) {
|
|
25762
25769
|
return props.iconColor;
|
|
25763
25770
|
});
|
|
25764
|
-
var URILabel = styled__default.label(_templateObject3$
|
|
25771
|
+
var URILabel = styled__default.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"])));
|
|
25765
25772
|
var UploadChannelAvatar = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
25766
25773
|
var FileUploaderInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
25767
25774
|
var RemoveSelectedAvatar = styled__default.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) {
|
|
@@ -25777,7 +25784,7 @@ var UriPrefix = styled__default.span(_templateObject9$3 || (_templateObject9$3 =
|
|
|
25777
25784
|
return props.color;
|
|
25778
25785
|
});
|
|
25779
25786
|
|
|
25780
|
-
var _templateObject$e, _templateObject2$d, _templateObject3$
|
|
25787
|
+
var _templateObject$e, _templateObject2$d, _templateObject3$a;
|
|
25781
25788
|
var DropDownContainer = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n order: ", ";\n margin: ", ";\n ", ";\n"])), function (props) {
|
|
25782
25789
|
return props.height ? props.height : '100%';
|
|
25783
25790
|
}, function (props) {
|
|
@@ -25794,7 +25801,7 @@ var DropDownTriggerContainer = styled__default.div(_templateObject2$d || (_templ
|
|
|
25794
25801
|
}, function (props) {
|
|
25795
25802
|
return props.isOpen && "\n &::after {\n transform: translateY(-50%) rotate(-45deg);\n top: calc(50% + 2px);\n }\n ";
|
|
25796
25803
|
});
|
|
25797
|
-
var DropDownBody = styled__default.div(_templateObject3$
|
|
25804
|
+
var DropDownBody = styled__default.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) {
|
|
25798
25805
|
return props.zIndex || '30';
|
|
25799
25806
|
}, function (props) {
|
|
25800
25807
|
return props.position !== 'left' && '0';
|
|
@@ -26090,7 +26097,7 @@ function SvgLeave(props) {
|
|
|
26090
26097
|
})));
|
|
26091
26098
|
}
|
|
26092
26099
|
|
|
26093
|
-
var _templateObject$g, _templateObject2$e, _templateObject3$
|
|
26100
|
+
var _templateObject$g, _templateObject2$e, _templateObject3$b;
|
|
26094
26101
|
var EditProfile = function EditProfile(_ref) {
|
|
26095
26102
|
var handleCloseEditProfile = _ref.handleCloseEditProfile,
|
|
26096
26103
|
user = _ref.user;
|
|
@@ -26171,9 +26178,9 @@ var Container$5 = styled__default.div(_templateObject$g || (_templateObject$g =
|
|
|
26171
26178
|
return props.backgroundColor;
|
|
26172
26179
|
});
|
|
26173
26180
|
var EditAvatarCont = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n margin: 20px 0 24px;\n"])));
|
|
26174
|
-
var EditProfileBody = styled__default.div(_templateObject3$
|
|
26181
|
+
var EditProfileBody = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n padding: 0 16px;\n margin-bottom: 16px;\n"])));
|
|
26175
26182
|
|
|
26176
|
-
var _templateObject$h, _templateObject2$f, _templateObject3$
|
|
26183
|
+
var _templateObject$h, _templateObject2$f, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$5;
|
|
26177
26184
|
var settingsPages = {
|
|
26178
26185
|
profile: 'Profile',
|
|
26179
26186
|
notifications: 'Notifications',
|
|
@@ -26257,7 +26264,7 @@ var Container$6 = styled__default.div(_templateObject$h || (_templateObject$h =
|
|
|
26257
26264
|
var SettingsHeader = styled__default.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) {
|
|
26258
26265
|
return props.borderColor;
|
|
26259
26266
|
});
|
|
26260
|
-
var ArrowLeftWrapper = styled__default.span(_templateObject3$
|
|
26267
|
+
var ArrowLeftWrapper = styled__default.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) {
|
|
26261
26268
|
return props.color;
|
|
26262
26269
|
});
|
|
26263
26270
|
var ProfileInfo = styled__default.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"])));
|
|
@@ -26268,7 +26275,7 @@ var UserNumber = styled__default.h4(_templateObject6$5 || (_templateObject6$5 =
|
|
|
26268
26275
|
return props.color;
|
|
26269
26276
|
});
|
|
26270
26277
|
|
|
26271
|
-
var _templateObject$i, _templateObject2$g, _templateObject3$
|
|
26278
|
+
var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
|
|
26272
26279
|
var ChannelList = function ChannelList(_ref) {
|
|
26273
26280
|
var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
|
|
26274
26281
|
var className = _ref.className,
|
|
@@ -26903,7 +26910,7 @@ var Container$7 = styled__default.div(_templateObject$i || (_templateObject$i =
|
|
|
26903
26910
|
var ChannelsList = styled__default.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) {
|
|
26904
26911
|
return props.thumbColor;
|
|
26905
26912
|
});
|
|
26906
|
-
var SearchedChannels = styled__default.div(_templateObject3$
|
|
26913
|
+
var SearchedChannels = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n height: calc(100vh - 123px);\n overflow-x: hidden;\n"])));
|
|
26907
26914
|
var SearchedChannelsHeader = styled__default.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) {
|
|
26908
26915
|
return props.fontSize || '15px';
|
|
26909
26916
|
}, function (props) {
|
|
@@ -26955,7 +26962,7 @@ function SvgMessage(props) {
|
|
|
26955
26962
|
})));
|
|
26956
26963
|
}
|
|
26957
26964
|
|
|
26958
|
-
var _templateObject$j, _templateObject2$h, _templateObject3$
|
|
26965
|
+
var _templateObject$j, _templateObject2$h, _templateObject3$e, _templateObject4$b, _templateObject5$8;
|
|
26959
26966
|
var detailsSwitcherTimeout;
|
|
26960
26967
|
function Chat(_ref) {
|
|
26961
26968
|
var children = _ref.children,
|
|
@@ -27048,7 +27055,7 @@ var Container$8 = styled__default.div(_templateObject$j || (_templateObject$j =
|
|
|
27048
27055
|
var SelectChatContainer = styled__default.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) {
|
|
27049
27056
|
return props.backgroundColor;
|
|
27050
27057
|
});
|
|
27051
|
-
var SelectChatContent = styled__default.div(_templateObject3$
|
|
27058
|
+
var SelectChatContent = styled__default.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) {
|
|
27052
27059
|
return props.iconColor;
|
|
27053
27060
|
});
|
|
27054
27061
|
var SelectChatTitle = styled__default.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) {
|
|
@@ -27083,7 +27090,7 @@ function SvgInfo(props) {
|
|
|
27083
27090
|
})));
|
|
27084
27091
|
}
|
|
27085
27092
|
|
|
27086
|
-
var _templateObject$k, _templateObject2$i, _templateObject3$
|
|
27093
|
+
var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4;
|
|
27087
27094
|
function ChatHeader(_ref) {
|
|
27088
27095
|
var infoIcon = _ref.infoIcon,
|
|
27089
27096
|
backgroundColor = _ref.backgroundColor,
|
|
@@ -27211,7 +27218,7 @@ var ChannelInfo$2 = styled__default.div(_templateObject2$i || (_templateObject2$
|
|
|
27211
27218
|
}, function (props) {
|
|
27212
27219
|
return props.order;
|
|
27213
27220
|
}, UserStatus);
|
|
27214
|
-
var ChannelName = styled__default.div(_templateObject3$
|
|
27221
|
+
var ChannelName = styled__default.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);
|
|
27215
27222
|
var CustomActionsWrapper = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n order: ", ";\n"])), function (props) {
|
|
27216
27223
|
return props.order;
|
|
27217
27224
|
});
|
|
@@ -27677,7 +27684,7 @@ function SvgFullscreenExit(props) {
|
|
|
27677
27684
|
})));
|
|
27678
27685
|
}
|
|
27679
27686
|
|
|
27680
|
-
var _templateObject$m, _templateObject2$j, _templateObject3$
|
|
27687
|
+
var _templateObject$m, _templateObject2$j, _templateObject3$g, _templateObject4$d, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$3;
|
|
27681
27688
|
var timerInterval;
|
|
27682
27689
|
var VideoPlayer = function VideoPlayer(_ref) {
|
|
27683
27690
|
var src = _ref.src,
|
|
@@ -27893,7 +27900,7 @@ var Component = styled__default.div(_templateObject$m || (_templateObject$m = _t
|
|
|
27893
27900
|
return props.loaded && '';
|
|
27894
27901
|
});
|
|
27895
27902
|
var UploadCont = styled__default.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"])));
|
|
27896
|
-
var PlayPauseWrapper = styled__default.span(_templateObject3$
|
|
27903
|
+
var PlayPauseWrapper = styled__default.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"])));
|
|
27897
27904
|
var ControlsContainer = styled__default.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"])));
|
|
27898
27905
|
var ControlTime = styled__default.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) {
|
|
27899
27906
|
return props.color;
|
|
@@ -27905,7 +27912,7 @@ var VolumeSlide = styled__default.input(_templateObject9$6 || (_templateObject9$
|
|
|
27905
27912
|
var Progress = styled__default.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"])));
|
|
27906
27913
|
var FullScreenWrapper = styled__default.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"])));
|
|
27907
27914
|
|
|
27908
|
-
var _templateObject$n, _templateObject2$k, _templateObject3$
|
|
27915
|
+
var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$4;
|
|
27909
27916
|
function ForwardMessagePopup(_ref) {
|
|
27910
27917
|
var title = _ref.title,
|
|
27911
27918
|
buttonText = _ref.buttonText,
|
|
@@ -28229,7 +28236,7 @@ var ForwardChannelsCont = styled__default.div(_templateObject$n || (_templateObj
|
|
|
28229
28236
|
var ChannelItem = styled__default.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) {
|
|
28230
28237
|
return props.backgroundHover;
|
|
28231
28238
|
});
|
|
28232
|
-
var ChannelInfo$3 = styled__default.div(_templateObject3$
|
|
28239
|
+
var ChannelInfo$3 = styled__default.div(_templateObject3$h || (_templateObject3$h = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n margin-right: auto;\n max-width: calc(100% - 74px);\n"])));
|
|
28233
28240
|
var ChannelsGroupTitle = styled__default.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) {
|
|
28234
28241
|
return props.margin || '20px 0 12px';
|
|
28235
28242
|
}, function (props) {
|
|
@@ -28425,7 +28432,7 @@ var DeleteOptionItem = styled__default.div(_templateObject2$m || (_templateObjec
|
|
|
28425
28432
|
return props.color;
|
|
28426
28433
|
});
|
|
28427
28434
|
|
|
28428
|
-
var _templateObject$q, _templateObject2$n, _templateObject3$
|
|
28435
|
+
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;
|
|
28429
28436
|
var SliderPopup = function SliderPopup(_ref) {
|
|
28430
28437
|
var channel = _ref.channel,
|
|
28431
28438
|
setIsSliderOpen = _ref.setIsSliderOpen,
|
|
@@ -28950,7 +28957,7 @@ var SliderPopup = function SliderPopup(_ref) {
|
|
|
28950
28957
|
};
|
|
28951
28958
|
var Container$b = styled__default.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"])));
|
|
28952
28959
|
var ProgressWrapper = styled__default.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"])));
|
|
28953
|
-
var SliderHeader = styled__default.div(_templateObject3$
|
|
28960
|
+
var SliderHeader = styled__default.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"])));
|
|
28954
28961
|
var SliderBody = styled__default.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"])));
|
|
28955
28962
|
var FileInfo = styled__default.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"])));
|
|
28956
28963
|
var Info = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n"])));
|
|
@@ -29143,7 +29150,7 @@ function SvgSelectionIcon(props) {
|
|
|
29143
29150
|
})));
|
|
29144
29151
|
}
|
|
29145
29152
|
|
|
29146
|
-
var _templateObject$s, _templateObject2$o, _templateObject3$
|
|
29153
|
+
var _templateObject$s, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$a, _templateObject9$9, _templateObject0$8;
|
|
29147
29154
|
var reactionsPrevLength = 0;
|
|
29148
29155
|
function ReactionsPopup(_ref) {
|
|
29149
29156
|
var messageId = _ref.messageId,
|
|
@@ -29373,7 +29380,7 @@ var Container$d = styled__default.div(_templateObject$s || (_templateObject$s =
|
|
|
29373
29380
|
return props.backgroundColor;
|
|
29374
29381
|
});
|
|
29375
29382
|
var UserNamePresence$1 = styled__default.div(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n width: calc(100% - 70px);\n margin-left: 12px;\n"])));
|
|
29376
|
-
var MemberName$1 = styled__default.h3(_templateObject3$
|
|
29383
|
+
var MemberName$1 = styled__default.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) {
|
|
29377
29384
|
return props.color;
|
|
29378
29385
|
}, function (props) {
|
|
29379
29386
|
return props.color;
|
|
@@ -29739,7 +29746,7 @@ function SvgInfoAction(props) {
|
|
|
29739
29746
|
})));
|
|
29740
29747
|
}
|
|
29741
29748
|
|
|
29742
|
-
var _templateObject$t, _templateObject2$p, _templateObject3$
|
|
29749
|
+
var _templateObject$t, _templateObject2$p, _templateObject3$k;
|
|
29743
29750
|
function MessageActions(_ref) {
|
|
29744
29751
|
var _ref$isPollMessage = _ref.isPollMessage,
|
|
29745
29752
|
isPollMessage = _ref$isPollMessage === void 0 ? false : _ref$isPollMessage,
|
|
@@ -29999,7 +30006,7 @@ var EditMessageContainer = styled__default.div(_templateObject2$p || (_templateO
|
|
|
29999
30006
|
}, function (props) {
|
|
30000
30007
|
return props.backgroundColor;
|
|
30001
30008
|
});
|
|
30002
|
-
var Action = styled__default.div(_templateObject3$
|
|
30009
|
+
var Action = styled__default.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) {
|
|
30003
30010
|
return props.order || 1;
|
|
30004
30011
|
}, function (props) {
|
|
30005
30012
|
return props.iconColor;
|
|
@@ -30123,7 +30130,7 @@ function SvgPlayVideo(props) {
|
|
|
30123
30130
|
})));
|
|
30124
30131
|
}
|
|
30125
30132
|
|
|
30126
|
-
var _templateObject$u, _templateObject2$q, _templateObject3$
|
|
30133
|
+
var _templateObject$u, _templateObject2$q, _templateObject3$l, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$b;
|
|
30127
30134
|
var VideoPreview = /*#__PURE__*/React.memo(function VideoPreview(_ref) {
|
|
30128
30135
|
var width = _ref.width,
|
|
30129
30136
|
height = _ref.height,
|
|
@@ -30263,7 +30270,7 @@ var VideoTime = styled__default.div(_templateObject2$q || (_templateObject2$q =
|
|
|
30263
30270
|
}, function (props) {
|
|
30264
30271
|
return props.color;
|
|
30265
30272
|
});
|
|
30266
|
-
var VideoPlayButton = styled__default.div(_templateObject3$
|
|
30273
|
+
var VideoPlayButton = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n visibility: ", ";\n"])), function (props) {
|
|
30267
30274
|
return props.showOnHover && 'hidden';
|
|
30268
30275
|
});
|
|
30269
30276
|
var Component$1 = styled__default.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) {
|
|
@@ -32230,7 +32237,7 @@ class WaveSurfer extends Player {
|
|
|
32230
32237
|
WaveSurfer.BasePlugin = BasePlugin;
|
|
32231
32238
|
WaveSurfer.dom = dom;
|
|
32232
32239
|
|
|
32233
|
-
var _templateObject$v, _templateObject2$r, _templateObject3$
|
|
32240
|
+
var _templateObject$v, _templateObject2$r, _templateObject3$m, _templateObject4$i, _templateObject5$f, _templateObject6$d;
|
|
32234
32241
|
var AudioPlayer = function AudioPlayer(_ref) {
|
|
32235
32242
|
var url = _ref.url,
|
|
32236
32243
|
file = _ref.file,
|
|
@@ -32450,7 +32457,7 @@ var Container$e = styled__default.div(_templateObject$v || (_templateObject$v =
|
|
|
32450
32457
|
var PlayPause = styled__default.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) {
|
|
32451
32458
|
return props.iconColor;
|
|
32452
32459
|
});
|
|
32453
|
-
var AudioVisualization = styled__default.div(_templateObject3$
|
|
32460
|
+
var AudioVisualization = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
32454
32461
|
var AudioRate = styled__default.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) {
|
|
32455
32462
|
return props.backgroundColor;
|
|
32456
32463
|
}, function (props) {
|
|
@@ -32461,7 +32468,7 @@ var Timer$1 = styled__default.div(_templateObject6$d || (_templateObject6$d = _t
|
|
|
32461
32468
|
return props.color;
|
|
32462
32469
|
});
|
|
32463
32470
|
|
|
32464
|
-
var _templateObject$w, _templateObject2$s, _templateObject3$
|
|
32471
|
+
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;
|
|
32465
32472
|
var Attachment = function Attachment(_ref) {
|
|
32466
32473
|
var attachment = _ref.attachment,
|
|
32467
32474
|
_ref$isPreview = _ref.isPreview,
|
|
@@ -33119,7 +33126,7 @@ var AttachmentImgCont = styled__default.div(_templateObject2$s || (_templateObje
|
|
|
33119
33126
|
}, DownloadImage, function (props) {
|
|
33120
33127
|
return props.isPreview && "\n width: 48px;\n min-width: 48px;\n height: 48px;\n ";
|
|
33121
33128
|
});
|
|
33122
|
-
var FileThumbnail = styled__default.img(_templateObject3$
|
|
33129
|
+
var FileThumbnail = styled__default.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"])));
|
|
33123
33130
|
var DownloadFile$1 = styled__default.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) {
|
|
33124
33131
|
return props.backgroundColor;
|
|
33125
33132
|
}, function (props) {
|
|
@@ -33189,7 +33196,7 @@ var VideoCont = styled__default.div(_templateObject11$3 || (_templateObject11$3
|
|
|
33189
33196
|
return props.isDetailsView && '100%';
|
|
33190
33197
|
});
|
|
33191
33198
|
|
|
33192
|
-
var _templateObject$x, _templateObject2$t, _templateObject3$
|
|
33199
|
+
var _templateObject$x, _templateObject2$t, _templateObject3$o, _templateObject4$k;
|
|
33193
33200
|
var RepliedMessage = function RepliedMessage(_ref) {
|
|
33194
33201
|
var _message$parentMessag;
|
|
33195
33202
|
var message = _ref.message,
|
|
@@ -33312,7 +33319,7 @@ var ReplyMessageBody = styled__default.div(_templateObject2$t || (_templateObjec
|
|
|
33312
33319
|
}, function (props) {
|
|
33313
33320
|
return props.maxWidth || '100%';
|
|
33314
33321
|
});
|
|
33315
|
-
var MessageStatusDeleted = styled__default.span(_templateObject3$
|
|
33322
|
+
var MessageStatusDeleted = styled__default.span(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n font-style: italic;\n"])), function (props) {
|
|
33316
33323
|
return props.color;
|
|
33317
33324
|
}, function (props) {
|
|
33318
33325
|
return props.fontSize;
|
|
@@ -33801,7 +33808,7 @@ var EMOJIS = [{
|
|
|
33801
33808
|
}]
|
|
33802
33809
|
}];
|
|
33803
33810
|
|
|
33804
|
-
var _templateObject$z, _templateObject2$u, _templateObject3$
|
|
33811
|
+
var _templateObject$z, _templateObject2$u, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$d, _templateObject8$c;
|
|
33805
33812
|
var EmojiIcon = function EmojiIcon(_ref) {
|
|
33806
33813
|
var collectionName = _ref.collectionName;
|
|
33807
33814
|
switch (collectionName) {
|
|
@@ -34002,7 +34009,7 @@ var EmojiHeader = styled__default.div(_templateObject2$u || (_templateObject2$u
|
|
|
34002
34009
|
}, function (props) {
|
|
34003
34010
|
return props.padding || '6px 18px';
|
|
34004
34011
|
});
|
|
34005
|
-
var EmojiSection = styled__default.div(_templateObject3$
|
|
34012
|
+
var EmojiSection = styled__default.div(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose(["\n height: 180px;\n overflow-x: hidden;\n\n & ::selection {\n color: inherit;\n background: inherit;\n }\n"])));
|
|
34006
34013
|
var EmojiCollection = styled__default.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) {
|
|
34007
34014
|
return props.iconColor;
|
|
34008
34015
|
});
|
|
@@ -34040,7 +34047,7 @@ function SvgPlus(props) {
|
|
|
34040
34047
|
})));
|
|
34041
34048
|
}
|
|
34042
34049
|
|
|
34043
|
-
var _templateObject$A, _templateObject2$v, _templateObject3$
|
|
34050
|
+
var _templateObject$A, _templateObject2$v, _templateObject3$q;
|
|
34044
34051
|
function FrequentlyEmojis(_ref) {
|
|
34045
34052
|
var handleAddEmoji = _ref.handleAddEmoji,
|
|
34046
34053
|
handleEmojiPopupToggle = _ref.handleEmojiPopupToggle,
|
|
@@ -34177,7 +34184,7 @@ var EmojiItem = styled__default.span(_templateObject2$v || (_templateObject2$v =
|
|
|
34177
34184
|
}, function (props) {
|
|
34178
34185
|
return props.activeBackground;
|
|
34179
34186
|
});
|
|
34180
|
-
var OpenMoreEmojis = styled__default.span(_templateObject3$
|
|
34187
|
+
var OpenMoreEmojis = styled__default.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) {
|
|
34181
34188
|
return props.iconBackgroundColor;
|
|
34182
34189
|
}, function (props) {
|
|
34183
34190
|
return props.iconColor;
|
|
@@ -34187,7 +34194,7 @@ var OpenMoreEmojis = styled__default.span(_templateObject3$p || (_templateObject
|
|
|
34187
34194
|
return props.iconHoverColor;
|
|
34188
34195
|
});
|
|
34189
34196
|
|
|
34190
|
-
var _templateObject$B, _templateObject2$w, _templateObject3$
|
|
34197
|
+
var _templateObject$B, _templateObject2$w, _templateObject3$r, _templateObject4$m;
|
|
34191
34198
|
var MessageStatusAndTime = function MessageStatusAndTime(_ref) {
|
|
34192
34199
|
var message = _ref.message,
|
|
34193
34200
|
_ref$messageStatusDis = _ref.messageStatusDisplayingType,
|
|
@@ -34259,7 +34266,7 @@ var HiddenMessageTime = styled__default.span(_templateObject2$w || (_templateObj
|
|
|
34259
34266
|
}, function (props) {
|
|
34260
34267
|
return props.color;
|
|
34261
34268
|
});
|
|
34262
|
-
var MessageStatusAndTimeContainer = styled__default.span(_templateObject3$
|
|
34269
|
+
var MessageStatusAndTimeContainer = styled__default.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) {
|
|
34263
34270
|
return props.showOnlyOnHover && 'hidden';
|
|
34264
34271
|
}, function (props) {
|
|
34265
34272
|
return props.hide ? 'none' : 'flex';
|
|
@@ -34292,7 +34299,7 @@ var MessageStatusUpdated = styled__default.span(_templateObject4$m || (_template
|
|
|
34292
34299
|
return props.color;
|
|
34293
34300
|
});
|
|
34294
34301
|
|
|
34295
|
-
var _templateObject$C, _templateObject2$x, _templateObject3$
|
|
34302
|
+
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;
|
|
34296
34303
|
var POLL_VOTES_LIMIT = 20;
|
|
34297
34304
|
var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
34298
34305
|
var _pollVotesHasMore$key, _poll$voteDetails, _poll$voteDetails$vot, _poll$voteDetails3;
|
|
@@ -34408,7 +34415,7 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
|
34408
34415
|
};
|
|
34409
34416
|
var VotesList = styled__default.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"])));
|
|
34410
34417
|
var VoterRow = styled__default.div(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 6px 0;\n"])));
|
|
34411
|
-
var VoterInfo = styled__default.div(_templateObject3$
|
|
34418
|
+
var VoterInfo = styled__default.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"])));
|
|
34412
34419
|
var VoterName = styled__default.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) {
|
|
34413
34420
|
return p.color;
|
|
34414
34421
|
});
|
|
@@ -34435,7 +34442,7 @@ var Loader = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _
|
|
|
34435
34442
|
return p.color;
|
|
34436
34443
|
});
|
|
34437
34444
|
|
|
34438
|
-
var _templateObject$D, _templateObject2$y, _templateObject3$
|
|
34445
|
+
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;
|
|
34439
34446
|
var VotesResultsPopup = function VotesResultsPopup(_ref) {
|
|
34440
34447
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$options$find;
|
|
34441
34448
|
var onClose = _ref.onClose,
|
|
@@ -34569,7 +34576,7 @@ var OptionBlock = styled__default.div(_templateObject2$y || (_templateObject2$y
|
|
|
34569
34576
|
}, function (p) {
|
|
34570
34577
|
return p.border;
|
|
34571
34578
|
});
|
|
34572
|
-
var OptionHeader = styled__default.div(_templateObject3$
|
|
34579
|
+
var OptionHeader = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n"])));
|
|
34573
34580
|
var OptionTitle = styled__default.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) {
|
|
34574
34581
|
return p.color;
|
|
34575
34582
|
});
|
|
@@ -34614,7 +34621,7 @@ function SvgFilledCheckbox(props) {
|
|
|
34614
34621
|
})));
|
|
34615
34622
|
}
|
|
34616
34623
|
|
|
34617
|
-
var _templateObject$E, _templateObject2$z, _templateObject3$
|
|
34624
|
+
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;
|
|
34618
34625
|
var PollMessage = function PollMessage(_ref) {
|
|
34619
34626
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
|
|
34620
34627
|
var message = _ref.message;
|
|
@@ -34748,7 +34755,7 @@ var Container$h = styled__default.div(_templateObject$E || (_templateObject$E =
|
|
|
34748
34755
|
var Question$1 = styled__default.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) {
|
|
34749
34756
|
return p.color;
|
|
34750
34757
|
});
|
|
34751
|
-
var SubTitle$1 = styled__default.div(_templateObject3$
|
|
34758
|
+
var SubTitle$1 = styled__default.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) {
|
|
34752
34759
|
return p.color;
|
|
34753
34760
|
});
|
|
34754
34761
|
var Options = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: 4px;\n"])));
|
|
@@ -34783,7 +34790,7 @@ var Bar = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _tag
|
|
|
34783
34790
|
var Fill = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n height: 100%;\n border-radius: 6px;\n transition: width 0.3s ease-in-out;\n"])));
|
|
34784
34791
|
var UsersContainer = styled__default.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"])));
|
|
34785
34792
|
|
|
34786
|
-
var _templateObject$F, _templateObject2$A, _templateObject3$
|
|
34793
|
+
var _templateObject$F, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$h, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
|
|
34787
34794
|
var validateUrl = function validateUrl(url) {
|
|
34788
34795
|
try {
|
|
34789
34796
|
var urlObj = new URL(url);
|
|
@@ -35177,7 +35184,7 @@ var ImageContainer = styled__default.div(_templateObject2$A || (_templateObject2
|
|
|
35177
35184
|
containerHeight = _ref0.containerHeight;
|
|
35178
35185
|
return shouldAnimate && showOGMetadata && containerHeight && "\n animation: expandHeight 0.3s ease-out forwards;\n ";
|
|
35179
35186
|
});
|
|
35180
|
-
var OGText = styled__default.div(_templateObject3$
|
|
35187
|
+
var OGText = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n flex-direction: column;\n gap: 0;\n ", "\n ", ";\n"])), sharedKeyframes, function (_ref1) {
|
|
35181
35188
|
var shouldAnimate = _ref1.shouldAnimate;
|
|
35182
35189
|
return shouldAnimate && "\n animation: fadeInSlideUp 0.3s ease-out forwards;\n ";
|
|
35183
35190
|
}, function (_ref10) {
|
|
@@ -35229,7 +35236,7 @@ var OGTextWrapper = styled__default.div(_templateObject9$e || (_templateObject9$
|
|
|
35229
35236
|
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"])));
|
|
35230
35237
|
var FaviconImg = styled__default.img(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
35231
35238
|
|
|
35232
|
-
var _templateObject$G, _templateObject2$B, _templateObject3$
|
|
35239
|
+
var _templateObject$G, _templateObject2$B, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
35233
35240
|
var MessageBody = function MessageBody(_ref) {
|
|
35234
35241
|
var message = _ref.message,
|
|
35235
35242
|
channel = _ref.channel,
|
|
@@ -35840,7 +35847,7 @@ var MessageStatusDeleted$1 = styled__default.span(_templateObject2$B || (_templa
|
|
|
35840
35847
|
}, function (props) {
|
|
35841
35848
|
return props.fontSize;
|
|
35842
35849
|
});
|
|
35843
|
-
var MessageBodyContainer = styled__default.div(_templateObject3$
|
|
35850
|
+
var MessageBodyContainer = styled__default.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) {
|
|
35844
35851
|
var _props$outgoingMessag, _props$incomingMessag;
|
|
35845
35852
|
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;
|
|
35846
35853
|
}, function (props) {
|
|
@@ -35878,7 +35885,7 @@ var FrequentlyEmojisContainer = styled__default.div(_templateObject5$m || (_temp
|
|
|
35878
35885
|
return props.rtlDirection && '0';
|
|
35879
35886
|
});
|
|
35880
35887
|
|
|
35881
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$
|
|
35888
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
35882
35889
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
35883
35890
|
var m = moment(date);
|
|
35884
35891
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -36258,7 +36265,7 @@ var Tab = styled__default.button(_templateObject2$C || (_templateObject2$C = _ta
|
|
|
36258
36265
|
}, function (p) {
|
|
36259
36266
|
return p.active ? p.background : p.borderColor;
|
|
36260
36267
|
});
|
|
36261
|
-
var List$1 = styled__default.div(_templateObject3$
|
|
36268
|
+
var List$1 = styled__default.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) {
|
|
36262
36269
|
return p.maxHeight ? p.maxHeight + "px" : 'unset';
|
|
36263
36270
|
});
|
|
36264
36271
|
var Row$2 = styled__default.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) {
|
|
@@ -36312,7 +36319,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
36312
36319
|
});
|
|
36313
36320
|
}
|
|
36314
36321
|
|
|
36315
|
-
var _templateObject$I, _templateObject2$D, _templateObject3$
|
|
36322
|
+
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;
|
|
36316
36323
|
var Message$1 = function Message(_ref) {
|
|
36317
36324
|
var message = _ref.message,
|
|
36318
36325
|
channel = _ref.channel,
|
|
@@ -37117,7 +37124,7 @@ var MessageReactionKey = styled__default.span(_templateObject$I || (_templateObj
|
|
|
37117
37124
|
var ReactionItemCount = styled__default.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) {
|
|
37118
37125
|
return props.color;
|
|
37119
37126
|
});
|
|
37120
|
-
var MessageReaction = styled__default.span(_templateObject3$
|
|
37127
|
+
var MessageReaction = styled__default.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) {
|
|
37121
37128
|
return props.margin || '0 8px 0 0';
|
|
37122
37129
|
}, function (props) {
|
|
37123
37130
|
return props.isLastReaction && '0';
|
|
@@ -37216,7 +37223,7 @@ var MessageItem = styled__default.div(_templateObject12$4 || (_templateObject12$
|
|
|
37216
37223
|
return props.hoverBackground || '';
|
|
37217
37224
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
37218
37225
|
|
|
37219
|
-
var _templateObject$J, _templateObject2$E, _templateObject3$
|
|
37226
|
+
var _templateObject$J, _templateObject2$E, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
37220
37227
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
37221
37228
|
var lastIndex = _ref.lastIndex,
|
|
37222
37229
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38313,7 +38320,7 @@ var Container$i = styled__default.div(_templateObject$J || (_templateObject$J =
|
|
|
38313
38320
|
return props.thumbColor;
|
|
38314
38321
|
});
|
|
38315
38322
|
var EmptyDiv = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n height: 300px;\n"])));
|
|
38316
|
-
var MessagesBox = styled__default.div(_templateObject3$
|
|
38323
|
+
var MessagesBox = styled__default.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"])));
|
|
38317
38324
|
var MessageTopDate = styled__default.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) {
|
|
38318
38325
|
return props.topOffset ? props.topOffset + 22 + "px" : '22px';
|
|
38319
38326
|
}, function (props) {
|
|
@@ -38784,7 +38791,7 @@ function $isMentionNode(node) {
|
|
|
38784
38791
|
return node instanceof MentionNode;
|
|
38785
38792
|
}
|
|
38786
38793
|
|
|
38787
|
-
var _templateObject$K, _templateObject2$F, _templateObject3$
|
|
38794
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$A, _templateObject4$v, _templateObject5$q;
|
|
38788
38795
|
var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
|
|
38789
38796
|
var NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';
|
|
38790
38797
|
var DocumentMentionsRegex = {
|
|
@@ -39074,7 +39081,7 @@ var MentionsList = styled__default.ul(_templateObject2$F || (_templateObject2$F
|
|
|
39074
39081
|
}, function (props) {
|
|
39075
39082
|
return props.hidden ? 'hidden' : 'visible';
|
|
39076
39083
|
});
|
|
39077
|
-
var MemberItem = styled__default.li(_templateObject3$
|
|
39084
|
+
var MemberItem = styled__default.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) {
|
|
39078
39085
|
return props.isActiveItem && props.activeBackgroundColor;
|
|
39079
39086
|
}, UserStatus);
|
|
39080
39087
|
var UserNamePresence$2 = styled__default.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
|
|
@@ -39918,7 +39925,7 @@ function FormatMessagePlugin(_ref) {
|
|
|
39918
39925
|
return null;
|
|
39919
39926
|
}
|
|
39920
39927
|
|
|
39921
|
-
var _templateObject$M, _templateObject2$H, _templateObject3$
|
|
39928
|
+
var _templateObject$M, _templateObject2$H, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$n, _templateObject7$l, _templateObject8$k;
|
|
39922
39929
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
39923
39930
|
var collectionName = _ref.collectionName;
|
|
39924
39931
|
switch (collectionName) {
|
|
@@ -40139,7 +40146,7 @@ var EmojiHeader$1 = styled__default.div(_templateObject2$H || (_templateObject2$
|
|
|
40139
40146
|
}, function (props) {
|
|
40140
40147
|
return props.padding || '6px 18px';
|
|
40141
40148
|
});
|
|
40142
|
-
var EmojiSection$1 = styled__default.div(_templateObject3$
|
|
40149
|
+
var EmojiSection$1 = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n height: 180px;\n overflow-x: hidden;\n\n & ::selection {\n color: inherit;\n background: inherit;\n }\n"])));
|
|
40143
40150
|
var EmojiCollection$1 = styled__default.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) {
|
|
40144
40151
|
return props.iconColor;
|
|
40145
40152
|
});
|
|
@@ -40351,7 +40358,7 @@ function SvgRecordButton(props) {
|
|
|
40351
40358
|
})));
|
|
40352
40359
|
}
|
|
40353
40360
|
|
|
40354
|
-
var _templateObject$N, _templateObject2$I, _templateObject3$
|
|
40361
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m;
|
|
40355
40362
|
var shouldDraw = false;
|
|
40356
40363
|
var DEFAULT_MAX_RECORDING_DURATION = 600;
|
|
40357
40364
|
var AudioRecord = function AudioRecord(_ref) {
|
|
@@ -40941,7 +40948,7 @@ var AudioWrapper = styled__default.div(_templateObject2$I || (_templateObject2$I
|
|
|
40941
40948
|
}, function (props) {
|
|
40942
40949
|
return props.recording ? '0 12px 0 0' : '0';
|
|
40943
40950
|
});
|
|
40944
|
-
var RecordIconWrapper = styled__default.span(_templateObject3$
|
|
40951
|
+
var RecordIconWrapper = styled__default.span(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n display: flex;\n cursor: pointer;\n > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
40945
40952
|
return props.iconColor;
|
|
40946
40953
|
});
|
|
40947
40954
|
var AudioVisualization$1 = styled__default.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) {
|
|
@@ -40973,10 +40980,10 @@ var Timer$2 = styled__default.div(_templateObject7$m || (_templateObject7$m = _t
|
|
|
40973
40980
|
return props.color;
|
|
40974
40981
|
});
|
|
40975
40982
|
|
|
40976
|
-
var _templateObject$O, _templateObject2$J, _templateObject3$
|
|
40983
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$D;
|
|
40977
40984
|
var wave = styled.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"])));
|
|
40978
40985
|
var Wrapper = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n height: 8px;\n gap: 1.5px;\n"])));
|
|
40979
|
-
var Bar$1 = styled__default.span(_templateObject3$
|
|
40986
|
+
var Bar$1 = styled__default.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) {
|
|
40980
40987
|
return props.borderColor;
|
|
40981
40988
|
}, wave, function (_ref) {
|
|
40982
40989
|
var delay = _ref.delay;
|
|
@@ -41024,7 +41031,7 @@ function SvgDotsVertica(props) {
|
|
|
41024
41031
|
})));
|
|
41025
41032
|
}
|
|
41026
41033
|
|
|
41027
|
-
var _templateObject$P, _templateObject2$K, _templateObject3$
|
|
41034
|
+
var _templateObject$P, _templateObject2$K, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$i;
|
|
41028
41035
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
41029
41036
|
var togglePopup = _ref.togglePopup,
|
|
41030
41037
|
onCreate = _ref.onCreate;
|
|
@@ -41414,7 +41421,7 @@ var CustomTextArea = styled__default.textarea(_templateObject2$K || (_templateOb
|
|
|
41414
41421
|
}, function (props) {
|
|
41415
41422
|
return props.placeholderColor;
|
|
41416
41423
|
});
|
|
41417
|
-
var TextCounter = styled__default.span(_templateObject3$
|
|
41424
|
+
var TextCounter = styled__default.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) {
|
|
41418
41425
|
return props.color;
|
|
41419
41426
|
});
|
|
41420
41427
|
var OptionsList$1 = styled__default.div(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n max-height: 200px;\n overflow-y: auto;\n margin-top: 8px;\n padding-right: 6px;\n"])));
|
|
@@ -41444,7 +41451,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
|
|
|
41444
41451
|
return props.color;
|
|
41445
41452
|
});
|
|
41446
41453
|
|
|
41447
|
-
var _templateObject$Q, _templateObject2$L, _templateObject3$
|
|
41454
|
+
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;
|
|
41448
41455
|
function AutoFocusPlugin(_ref) {
|
|
41449
41456
|
var messageForReply = _ref.messageForReply;
|
|
41450
41457
|
var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
|
|
@@ -43077,7 +43084,7 @@ var Container$l = styled__default.div(_templateObject2$L || (_templateObject2$L
|
|
|
43077
43084
|
}, function (props) {
|
|
43078
43085
|
return props.mentionColor;
|
|
43079
43086
|
});
|
|
43080
|
-
var EditReplyMessageCont = styled__default.div(_templateObject3$
|
|
43087
|
+
var EditReplyMessageCont = styled__default.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) {
|
|
43081
43088
|
return props.left || '0';
|
|
43082
43089
|
}, function (props) {
|
|
43083
43090
|
return props.bottom || '0';
|
|
@@ -43444,7 +43451,7 @@ function SvgUnpin(props) {
|
|
|
43444
43451
|
})));
|
|
43445
43452
|
}
|
|
43446
43453
|
|
|
43447
|
-
var _templateObject$R, _templateObject2$M, _templateObject3$
|
|
43454
|
+
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;
|
|
43448
43455
|
var Actions = function Actions(_ref) {
|
|
43449
43456
|
var setActionsHeight = _ref.setActionsHeight,
|
|
43450
43457
|
channel = _ref.channel,
|
|
@@ -43912,7 +43919,7 @@ var Container$m = styled__default.div(_templateObject$R || (_templateObject$R =
|
|
|
43912
43919
|
return props.borderColor;
|
|
43913
43920
|
});
|
|
43914
43921
|
var ActionHeader = styled__default.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"])));
|
|
43915
|
-
var MenuTriggerIcon = styled__default.span(_templateObject3$
|
|
43922
|
+
var MenuTriggerIcon = styled__default.span(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n transition: all 0.2s;\n ", "\n"])), function (props) {
|
|
43916
43923
|
return !props.isOpen && ' transform: rotate(-90deg);';
|
|
43917
43924
|
});
|
|
43918
43925
|
var ActionsMenu = styled__default.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"])));
|
|
@@ -44002,7 +44009,7 @@ function SvgMoreVert(props) {
|
|
|
44002
44009
|
})));
|
|
44003
44010
|
}
|
|
44004
44011
|
|
|
44005
|
-
var _templateObject$S, _templateObject2$N, _templateObject3$
|
|
44012
|
+
var _templateObject$S, _templateObject2$N, _templateObject3$H;
|
|
44006
44013
|
var ChangeMemberRole = function ChangeMemberRole(_ref) {
|
|
44007
44014
|
var theme = _ref.theme,
|
|
44008
44015
|
channelId = _ref.channelId,
|
|
@@ -44107,7 +44114,7 @@ var RoleLabel = styled__default.div(_templateObject2$N || (_templateObject2$N =
|
|
|
44107
44114
|
var color = _ref2.color;
|
|
44108
44115
|
return color;
|
|
44109
44116
|
});
|
|
44110
|
-
var RoleSpan = styled__default.span(_templateObject3$
|
|
44117
|
+
var RoleSpan = styled__default.span(_templateObject3$H || (_templateObject3$H = _taggedTemplateLiteralLoose(["\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n text-transform: capitalize;\n"])));
|
|
44111
44118
|
|
|
44112
44119
|
function ResetLinkConfirmModal(_ref) {
|
|
44113
44120
|
var _getInviteLinkOptions;
|
|
@@ -44144,7 +44151,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
44144
44151
|
});
|
|
44145
44152
|
}
|
|
44146
44153
|
|
|
44147
|
-
var _templateObject$T, _templateObject2$O, _templateObject3$
|
|
44154
|
+
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;
|
|
44148
44155
|
function InviteLinkModal(_ref) {
|
|
44149
44156
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
44150
44157
|
var onClose = _ref.onClose,
|
|
@@ -44634,7 +44641,7 @@ var Tabs$1 = styled__default.div(_templateObject2$O || (_templateObject2$O = _ta
|
|
|
44634
44641
|
}, function (p) {
|
|
44635
44642
|
return p.borderColor;
|
|
44636
44643
|
});
|
|
44637
|
-
var TabButton = styled__default.button(_templateObject3$
|
|
44644
|
+
var TabButton = styled__default.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) {
|
|
44638
44645
|
return p.active ? p.activeBackgroundColor : p.backgroundColor;
|
|
44639
44646
|
}, function (p) {
|
|
44640
44647
|
return p.active && "\n box-shadow: 0px 3px 6px -4px #0000001F;\n ";
|
|
@@ -44676,7 +44683,7 @@ var QrHint = styled__default.p(_templateObject13$5 || (_templateObject13$5 = _ta
|
|
|
44676
44683
|
return p.color;
|
|
44677
44684
|
});
|
|
44678
44685
|
|
|
44679
|
-
var _templateObject$U, _templateObject2$P, _templateObject3$
|
|
44686
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$r, _templateObject8$p, _templateObject9$m;
|
|
44680
44687
|
var Members = function Members(_ref) {
|
|
44681
44688
|
var _members$find;
|
|
44682
44689
|
var channel = _ref.channel,
|
|
@@ -45000,7 +45007,7 @@ var Members = function Members(_ref) {
|
|
|
45000
45007
|
};
|
|
45001
45008
|
var Container$n = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose([""])));
|
|
45002
45009
|
var ActionsMenu$1 = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: all 0.2s;\n"])));
|
|
45003
|
-
var MemberNamePresence = styled__default.div(_templateObject3$
|
|
45010
|
+
var MemberNamePresence = styled__default.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n max-width: calc(100% - 84px);\n\n & > ", " {\n display: block;\n }\n"])), SubTitle);
|
|
45004
45011
|
var MemberNameWrapper = styled__default.div(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
45005
45012
|
var MemberName$3 = styled__default.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) {
|
|
45006
45013
|
return props.color;
|
|
@@ -45129,7 +45136,7 @@ function SvgDownloadFile(props) {
|
|
|
45129
45136
|
})));
|
|
45130
45137
|
}
|
|
45131
45138
|
|
|
45132
|
-
var _templateObject$W, _templateObject2$R, _templateObject3$
|
|
45139
|
+
var _templateObject$W, _templateObject2$R, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$u, _templateObject7$s, _templateObject8$q;
|
|
45133
45140
|
var Files = function Files(_ref) {
|
|
45134
45141
|
var channelId = _ref.channelId,
|
|
45135
45142
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -45253,7 +45260,7 @@ var DownloadWrapper = styled__default.a(_templateObject2$R || (_templateObject2$
|
|
|
45253
45260
|
}, function (props) {
|
|
45254
45261
|
return props.iconColor;
|
|
45255
45262
|
});
|
|
45256
|
-
var ProgressWrapper$2 = styled__default.span(_templateObject3$
|
|
45263
|
+
var ProgressWrapper$2 = styled__default.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"])));
|
|
45257
45264
|
var FileIconCont = styled__default.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) {
|
|
45258
45265
|
return props.iconColor;
|
|
45259
45266
|
}, function (props) {
|
|
@@ -45307,7 +45314,7 @@ function SvgLinkIcon(props) {
|
|
|
45307
45314
|
})));
|
|
45308
45315
|
}
|
|
45309
45316
|
|
|
45310
|
-
var _templateObject$X, _templateObject2$S, _templateObject3$
|
|
45317
|
+
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$E, _templateObject5$z;
|
|
45311
45318
|
var LinkItem = function LinkItem(_ref) {
|
|
45312
45319
|
var link = _ref.link,
|
|
45313
45320
|
linkPreviewIcon = _ref.linkPreviewIcon,
|
|
@@ -45348,7 +45355,7 @@ var LinkHoverIconCont = styled__default.span(_templateObject2$S || (_templateObj
|
|
|
45348
45355
|
}, function (props) {
|
|
45349
45356
|
return props.fillColor;
|
|
45350
45357
|
});
|
|
45351
|
-
var LinkInfoCont = styled__default.div(_templateObject3$
|
|
45358
|
+
var LinkInfoCont = styled__default.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n width: calc(100% - 40px);\n"])));
|
|
45352
45359
|
var FileItem$1 = styled__default.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) {
|
|
45353
45360
|
return props.hoverBackgroundColor;
|
|
45354
45361
|
}, LinkIconCont, LinkHoverIconCont);
|
|
@@ -45437,7 +45444,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
45437
45444
|
})));
|
|
45438
45445
|
}
|
|
45439
45446
|
|
|
45440
|
-
var _templateObject$Z, _templateObject2$T, _templateObject3$
|
|
45447
|
+
var _templateObject$Z, _templateObject2$T, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$v, _templateObject7$t, _templateObject8$r;
|
|
45441
45448
|
var VoiceItem = function VoiceItem(_ref) {
|
|
45442
45449
|
var file = _ref.file,
|
|
45443
45450
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -45572,7 +45579,7 @@ var FileHoverIconCont$1 = styled__default.span(_templateObject2$T || (_templateO
|
|
|
45572
45579
|
}, function (props) {
|
|
45573
45580
|
return props.fill || 'transparent';
|
|
45574
45581
|
});
|
|
45575
|
-
var FileItem$2 = styled__default.li(_templateObject3$
|
|
45582
|
+
var FileItem$2 = styled__default.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) {
|
|
45576
45583
|
return props.hoverBackgroundColor;
|
|
45577
45584
|
}, FileIconCont$1, FileHoverIconCont$1);
|
|
45578
45585
|
var AudioInfo = styled__default.div(_templateObject4$F || (_templateObject4$F = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -45790,7 +45797,7 @@ var DetailsTabHeader = styled__default.div(_templateObject2$U || (_templateObjec
|
|
|
45790
45797
|
return props.activeTabColor;
|
|
45791
45798
|
});
|
|
45792
45799
|
|
|
45793
|
-
var _templateObject$10, _templateObject2$V, _templateObject3$
|
|
45800
|
+
var _templateObject$10, _templateObject2$V, _templateObject3$N, _templateObject4$G;
|
|
45794
45801
|
var Container$t = styled__default.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) {
|
|
45795
45802
|
return props.active ? 'display: block' : 'display: none';
|
|
45796
45803
|
}, function (props) {
|
|
@@ -45799,7 +45806,7 @@ var Container$t = styled__default.div(_templateObject$10 || (_templateObject$10
|
|
|
45799
45806
|
return props.backgroundColor;
|
|
45800
45807
|
});
|
|
45801
45808
|
var AvatarCont = styled__default.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"])));
|
|
45802
|
-
var DropDownWrapper = styled__default.div(_templateObject3$
|
|
45809
|
+
var DropDownWrapper = styled__default.div(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 4;\n width: 40px;\n height: 40px;\n"])));
|
|
45803
45810
|
var EditChannelFooter = styled__default(ButtonBlock)(_templateObject4$G || (_templateObject4$G = _taggedTemplateLiteralLoose(["\n margin-top: 24px;\n\n & > button {\n margin-left: 12px;\n }\n"])));
|
|
45804
45811
|
var EditChannel = function EditChannel(_ref) {
|
|
45805
45812
|
var channel = _ref.channel,
|
|
@@ -46055,7 +46062,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
46055
46062
|
})));
|
|
46056
46063
|
};
|
|
46057
46064
|
|
|
46058
|
-
var _templateObject$11, _templateObject2$W, _templateObject3$
|
|
46065
|
+
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;
|
|
46059
46066
|
var Details = function Details(_ref) {
|
|
46060
46067
|
var _activeChannel$member;
|
|
46061
46068
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -46495,7 +46502,7 @@ var Container$u = styled__default.div(_templateObject$11 || (_templateObject$11
|
|
|
46495
46502
|
var ChannelDetailsHeader = styled__default.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) {
|
|
46496
46503
|
return props.borderColor;
|
|
46497
46504
|
});
|
|
46498
|
-
var ChatDetails = styled__default.div(_templateObject3$
|
|
46505
|
+
var ChatDetails = styled__default.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) {
|
|
46499
46506
|
return props.size === 'small' ? '300px' : props.size === 'medium' ? '350px' : '400px';
|
|
46500
46507
|
}, function (props) {
|
|
46501
46508
|
return props.height ? "calc(100vh - " + props.heightOffset + "px)" : '100vh';
|