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