sceyt-chat-react-uikit 1.7.6-beta.10 → 1.7.6-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ChatContainer/index.d.ts +2 -1
- package/components/SceytChat/index.d.ts +1 -1
- package/index.js +114 -105
- package/index.modern.js +114 -105
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -23186,7 +23186,9 @@ function JoinGroupPopup(_ref) {
|
|
|
23186
23186
|
textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
|
|
23187
23187
|
background = _useColor[THEME_COLORS.BACKGROUND],
|
|
23188
23188
|
iconPrimary = _useColor[THEME_COLORS.ICON_PRIMARY],
|
|
23189
|
-
surface1 = _useColor[THEME_COLORS.SURFACE_1]
|
|
23189
|
+
surface1 = _useColor[THEME_COLORS.SURFACE_1],
|
|
23190
|
+
accentColor = _useColor[THEME_COLORS.ACCENT],
|
|
23191
|
+
textOnPrimary = _useColor[THEME_COLORS.TEXT_ON_PRIMARY];
|
|
23190
23192
|
var contactsMap = useSelector(contactsMapSelector, reactRedux.shallowEqual);
|
|
23191
23193
|
var members = React.useMemo(function () {
|
|
23192
23194
|
return channel.members.map(function (m) {
|
|
@@ -23286,8 +23288,8 @@ function JoinGroupPopup(_ref) {
|
|
|
23286
23288
|
color: textSecondary
|
|
23287
23289
|
}, membersLine), /*#__PURE__*/React__default.createElement(Center, null, /*#__PURE__*/React__default.createElement(Button, {
|
|
23288
23290
|
type: 'button',
|
|
23289
|
-
color:
|
|
23290
|
-
backgroundColor:
|
|
23291
|
+
color: textOnPrimary,
|
|
23292
|
+
backgroundColor: accentColor,
|
|
23291
23293
|
borderRadius: '8px',
|
|
23292
23294
|
onClick: onJoin
|
|
23293
23295
|
}, joinButtonText)))));
|
|
@@ -23317,7 +23319,7 @@ var MembersText = styled__default.div(_templateObject7$1 || (_templateObject7$1
|
|
|
23317
23319
|
});
|
|
23318
23320
|
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
23321
|
|
|
23320
|
-
var _templateObject$5, _templateObject2$4;
|
|
23322
|
+
var _templateObject$5, _templateObject2$4, _templateObject3$4;
|
|
23321
23323
|
var SceytChat = function SceytChat(_ref) {
|
|
23322
23324
|
var client = _ref.client,
|
|
23323
23325
|
theme = _ref.theme,
|
|
@@ -23342,7 +23344,9 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23342
23344
|
memberCount = _ref.memberCount,
|
|
23343
23345
|
_ref$disableFrowardMe = _ref.disableFrowardMentionsCount,
|
|
23344
23346
|
disableFrowardMentionsCount = _ref$disableFrowardMe === void 0 ? false : _ref$disableFrowardMe,
|
|
23345
|
-
chatMinWidth = _ref.chatMinWidth
|
|
23347
|
+
chatMinWidth = _ref.chatMinWidth,
|
|
23348
|
+
_ref$embeddedJoinGrou = _ref.embeddedJoinGroupPopup,
|
|
23349
|
+
embeddedJoinGroupPopup = _ref$embeddedJoinGrou === void 0 ? false : _ref$embeddedJoinGrou;
|
|
23346
23350
|
var useInviteLink = getUseInviteLink();
|
|
23347
23351
|
var _useColor = useColors(),
|
|
23348
23352
|
backgroundColor = _useColor[THEME_COLORS.BACKGROUND],
|
|
@@ -23575,6 +23579,11 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23575
23579
|
window.history.pushState({}, '', window.location.pathname);
|
|
23576
23580
|
dispatch(setJoinableChannelAC(null));
|
|
23577
23581
|
};
|
|
23582
|
+
var joinPopup = joinableChannel && getUseInviteLink() ? (/*#__PURE__*/React__default.createElement(JoinGroupPopup, {
|
|
23583
|
+
onClose: handleCloseJoinPopup,
|
|
23584
|
+
onJoin: handleJoinChannel,
|
|
23585
|
+
channel: joinableChannel
|
|
23586
|
+
})) : null;
|
|
23578
23587
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, SceytChatClient ? (/*#__PURE__*/React__default.createElement(ChatContainer, {
|
|
23579
23588
|
onDrop: handleDropFile,
|
|
23580
23589
|
onDragOver: handleDragOver,
|
|
@@ -23584,14 +23593,10 @@ var SceytChat = function SceytChat(_ref) {
|
|
|
23584
23593
|
highlightedBackground: highlightedBackground,
|
|
23585
23594
|
id: 'sceyt_chat_container',
|
|
23586
23595
|
chatMinWidth: chatMinWidth
|
|
23587
|
-
}, children
|
|
23588
|
-
onClose: handleCloseJoinPopup,
|
|
23589
|
-
onJoin: handleJoinChannel,
|
|
23590
|
-
channel: joinableChannel
|
|
23591
|
-
})));
|
|
23596
|
+
}, children, embeddedJoinGroupPopup && joinPopup && /*#__PURE__*/React__default.createElement(EmbeddedPopupWrapper, null, joinPopup))) : '', !embeddedJoinGroupPopup && joinPopup);
|
|
23592
23597
|
};
|
|
23593
23598
|
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) {
|
|
23599
|
+
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
23600
|
return props.withChannelsList && (props.chatMinWidth || '1200px');
|
|
23596
23601
|
}, function (props) {
|
|
23597
23602
|
return props.backgroundColor;
|
|
@@ -23604,6 +23609,7 @@ var ChatContainer = styled__default.div(_templateObject2$4 || (_templateObject2$
|
|
|
23604
23609
|
}, function (props) {
|
|
23605
23610
|
return props.highlightedBackground;
|
|
23606
23611
|
});
|
|
23612
|
+
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
23613
|
|
|
23608
23614
|
var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
23609
23615
|
var client = _ref.client,
|
|
@@ -23638,7 +23644,9 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
|
23638
23644
|
JoinGroupPopup: {},
|
|
23639
23645
|
InviteLinkModal: {},
|
|
23640
23646
|
ResetLinkConfirmModal: {}
|
|
23641
|
-
} : _ref$inviteLinkOption
|
|
23647
|
+
} : _ref$inviteLinkOption,
|
|
23648
|
+
_ref$embeddedJoinGrou = _ref.embeddedJoinGroupPopup,
|
|
23649
|
+
embeddedJoinGroupPopup = _ref$embeddedJoinGrou === void 0 ? false : _ref$embeddedJoinGrou;
|
|
23642
23650
|
React.useEffect(function () {
|
|
23643
23651
|
log.setLevel(logLevel);
|
|
23644
23652
|
if (baseUrlForInviteMembers) {
|
|
@@ -23674,7 +23682,8 @@ var SceytChatContainer = function SceytChatContainer(_ref) {
|
|
|
23674
23682
|
channelTypeFilter: channelTypeFilter,
|
|
23675
23683
|
memberCount: memberCount,
|
|
23676
23684
|
disableFrowardMentionsCount: disableFrowardMentionsCount,
|
|
23677
|
-
chatMinWidth: chatMinWidth
|
|
23685
|
+
chatMinWidth: chatMinWidth,
|
|
23686
|
+
embeddedJoinGroupPopup: embeddedJoinGroupPopup
|
|
23678
23687
|
}));
|
|
23679
23688
|
};
|
|
23680
23689
|
|
|
@@ -23926,7 +23935,7 @@ function SvgPoll(props) {
|
|
|
23926
23935
|
})));
|
|
23927
23936
|
}
|
|
23928
23937
|
|
|
23929
|
-
var _templateObject$6, _templateObject2$5, _templateObject3$
|
|
23938
|
+
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
23939
|
var LastMessageAttachments = function LastMessageAttachments(_ref) {
|
|
23931
23940
|
var lastMessage = _ref.lastMessage;
|
|
23932
23941
|
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 +24315,7 @@ var ChannelInfo = styled__default.div(_templateObject$6 || (_templateObject$6 =
|
|
|
24306
24315
|
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
24316
|
return props.color;
|
|
24308
24317
|
});
|
|
24309
|
-
var LastMessage = styled__default.div(_templateObject3$
|
|
24318
|
+
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
24319
|
return props.fontSize || '14px';
|
|
24311
24320
|
}, function (props) {
|
|
24312
24321
|
return props.color;
|
|
@@ -24465,7 +24474,7 @@ var ChannelSearch = function ChannelSearch(_ref) {
|
|
|
24465
24474
|
}));
|
|
24466
24475
|
};
|
|
24467
24476
|
|
|
24468
|
-
var _templateObject$8, _templateObject2$7, _templateObject3$
|
|
24477
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$6, _templateObject4$5;
|
|
24469
24478
|
var ContactItem = function ContactItem(_ref) {
|
|
24470
24479
|
var contact = _ref.contact,
|
|
24471
24480
|
createChatWithContact = _ref.createChatWithContact,
|
|
@@ -24525,7 +24534,7 @@ var ChannelInfo$1 = styled__default.div(_templateObject$8 || (_templateObject$8
|
|
|
24525
24534
|
return props.subjectColor || props.textColor;
|
|
24526
24535
|
});
|
|
24527
24536
|
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$
|
|
24537
|
+
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
24538
|
return props.backgroundColor || '#56E464';
|
|
24530
24539
|
}, function (props) {
|
|
24531
24540
|
return props.borderColor || '#ffffff';
|
|
@@ -24771,7 +24780,7 @@ function SvgLinkIconWb(props) {
|
|
|
24771
24780
|
})));
|
|
24772
24781
|
}
|
|
24773
24782
|
|
|
24774
|
-
var _templateObject$a, _templateObject2$9, _templateObject3$
|
|
24783
|
+
var _templateObject$a, _templateObject2$9, _templateObject3$7, _templateObject4$6;
|
|
24775
24784
|
function AddMembersListItemInviteLink(_ref) {
|
|
24776
24785
|
var _getInviteLinkOptions;
|
|
24777
24786
|
var onClick = _ref.onClick;
|
|
@@ -24824,14 +24833,14 @@ var Row$1 = styled__default.div(_templateObject$a || (_templateObject$a = _tagge
|
|
|
24824
24833
|
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
24834
|
return props.backgroundColor;
|
|
24826
24835
|
});
|
|
24827
|
-
var StyledLinkIcon = styled__default(SvgLinkIconWb)(_templateObject3$
|
|
24836
|
+
var StyledLinkIcon = styled__default(SvgLinkIconWb)(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n color: ", ";\n /* keep default fill from theme surface */\n"])), function (props) {
|
|
24828
24837
|
return props.color;
|
|
24829
24838
|
});
|
|
24830
24839
|
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
24840
|
return props.color;
|
|
24832
24841
|
});
|
|
24833
24842
|
|
|
24834
|
-
var _templateObject$b, _templateObject2$a, _templateObject3$
|
|
24843
|
+
var _templateObject$b, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$4, _templateObject6$3, _templateObject7$3, _templateObject8$3, _templateObject9$2, _templateObject0$2, _templateObject1$2;
|
|
24835
24844
|
var UsersPopup = function UsersPopup(_ref) {
|
|
24836
24845
|
var channel = _ref.channel,
|
|
24837
24846
|
toggleCreatePopup = _ref.toggleCreatePopup,
|
|
@@ -25175,7 +25184,7 @@ var MembersContainer = styled__default(List)(_templateObject2$a || (_templateObj
|
|
|
25175
25184
|
}, function (props) {
|
|
25176
25185
|
return props.thumbColor;
|
|
25177
25186
|
});
|
|
25178
|
-
var SearchUserCont = styled__default.div(_templateObject3$
|
|
25187
|
+
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
25188
|
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
25189
|
return props.widthBorder ? "1px solid " + props.borderColor : 'none';
|
|
25181
25190
|
}, function (props) {
|
|
@@ -25400,7 +25409,7 @@ var Controls = styled__default.div(_templateObject2$b || (_templateObject2$b = _
|
|
|
25400
25409
|
return props.tickColor;
|
|
25401
25410
|
});
|
|
25402
25411
|
|
|
25403
|
-
var _templateObject$d, _templateObject2$c, _templateObject3$
|
|
25412
|
+
var _templateObject$d, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$5, _templateObject6$4, _templateObject7$4, _templateObject8$4, _templateObject9$3;
|
|
25404
25413
|
function CreateChannel(_ref) {
|
|
25405
25414
|
var handleClose = _ref.handleClose,
|
|
25406
25415
|
channelType = _ref.channelType,
|
|
@@ -25761,7 +25770,7 @@ var UploadAvatarLabel = styled__default.label(_templateObject2$c || (_templateOb
|
|
|
25761
25770
|
}, function (props) {
|
|
25762
25771
|
return props.iconColor;
|
|
25763
25772
|
});
|
|
25764
|
-
var URILabel = styled__default.label(_templateObject3$
|
|
25773
|
+
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
25774
|
var UploadChannelAvatar = styled__default.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
25766
25775
|
var FileUploaderInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
25767
25776
|
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 +25786,7 @@ var UriPrefix = styled__default.span(_templateObject9$3 || (_templateObject9$3 =
|
|
|
25777
25786
|
return props.color;
|
|
25778
25787
|
});
|
|
25779
25788
|
|
|
25780
|
-
var _templateObject$e, _templateObject2$d, _templateObject3$
|
|
25789
|
+
var _templateObject$e, _templateObject2$d, _templateObject3$a;
|
|
25781
25790
|
var DropDownContainer = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n position: relative;\n height: ", ";\n order: ", ";\n margin: ", ";\n ", ";\n"])), function (props) {
|
|
25782
25791
|
return props.height ? props.height : '100%';
|
|
25783
25792
|
}, function (props) {
|
|
@@ -25794,7 +25803,7 @@ var DropDownTriggerContainer = styled__default.div(_templateObject2$d || (_templ
|
|
|
25794
25803
|
}, function (props) {
|
|
25795
25804
|
return props.isOpen && "\n &::after {\n transform: translateY(-50%) rotate(-45deg);\n top: calc(50% + 2px);\n }\n ";
|
|
25796
25805
|
});
|
|
25797
|
-
var DropDownBody = styled__default.div(_templateObject3$
|
|
25806
|
+
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
25807
|
return props.zIndex || '30';
|
|
25799
25808
|
}, function (props) {
|
|
25800
25809
|
return props.position !== 'left' && '0';
|
|
@@ -26090,7 +26099,7 @@ function SvgLeave(props) {
|
|
|
26090
26099
|
})));
|
|
26091
26100
|
}
|
|
26092
26101
|
|
|
26093
|
-
var _templateObject$g, _templateObject2$e, _templateObject3$
|
|
26102
|
+
var _templateObject$g, _templateObject2$e, _templateObject3$b;
|
|
26094
26103
|
var EditProfile = function EditProfile(_ref) {
|
|
26095
26104
|
var handleCloseEditProfile = _ref.handleCloseEditProfile,
|
|
26096
26105
|
user = _ref.user;
|
|
@@ -26171,9 +26180,9 @@ var Container$5 = styled__default.div(_templateObject$g || (_templateObject$g =
|
|
|
26171
26180
|
return props.backgroundColor;
|
|
26172
26181
|
});
|
|
26173
26182
|
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$
|
|
26183
|
+
var EditProfileBody = styled__default.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteralLoose(["\n padding: 0 16px;\n margin-bottom: 16px;\n"])));
|
|
26175
26184
|
|
|
26176
|
-
var _templateObject$h, _templateObject2$f, _templateObject3$
|
|
26185
|
+
var _templateObject$h, _templateObject2$f, _templateObject3$c, _templateObject4$9, _templateObject5$6, _templateObject6$5;
|
|
26177
26186
|
var settingsPages = {
|
|
26178
26187
|
profile: 'Profile',
|
|
26179
26188
|
notifications: 'Notifications',
|
|
@@ -26257,7 +26266,7 @@ var Container$6 = styled__default.div(_templateObject$h || (_templateObject$h =
|
|
|
26257
26266
|
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
26267
|
return props.borderColor;
|
|
26259
26268
|
});
|
|
26260
|
-
var ArrowLeftWrapper = styled__default.span(_templateObject3$
|
|
26269
|
+
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
26270
|
return props.color;
|
|
26262
26271
|
});
|
|
26263
26272
|
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 +26277,7 @@ var UserNumber = styled__default.h4(_templateObject6$5 || (_templateObject6$5 =
|
|
|
26268
26277
|
return props.color;
|
|
26269
26278
|
});
|
|
26270
26279
|
|
|
26271
|
-
var _templateObject$i, _templateObject2$g, _templateObject3$
|
|
26280
|
+
var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
|
|
26272
26281
|
var ChannelList = function ChannelList(_ref) {
|
|
26273
26282
|
var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
|
|
26274
26283
|
var className = _ref.className,
|
|
@@ -26903,7 +26912,7 @@ var Container$7 = styled__default.div(_templateObject$i || (_templateObject$i =
|
|
|
26903
26912
|
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
26913
|
return props.thumbColor;
|
|
26905
26914
|
});
|
|
26906
|
-
var SearchedChannels = styled__default.div(_templateObject3$
|
|
26915
|
+
var SearchedChannels = styled__default.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n height: calc(100vh - 123px);\n overflow-x: hidden;\n"])));
|
|
26907
26916
|
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
26917
|
return props.fontSize || '15px';
|
|
26909
26918
|
}, function (props) {
|
|
@@ -26955,7 +26964,7 @@ function SvgMessage(props) {
|
|
|
26955
26964
|
})));
|
|
26956
26965
|
}
|
|
26957
26966
|
|
|
26958
|
-
var _templateObject$j, _templateObject2$h, _templateObject3$
|
|
26967
|
+
var _templateObject$j, _templateObject2$h, _templateObject3$e, _templateObject4$b, _templateObject5$8;
|
|
26959
26968
|
var detailsSwitcherTimeout;
|
|
26960
26969
|
function Chat(_ref) {
|
|
26961
26970
|
var children = _ref.children,
|
|
@@ -27048,7 +27057,7 @@ var Container$8 = styled__default.div(_templateObject$j || (_templateObject$j =
|
|
|
27048
27057
|
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
27058
|
return props.backgroundColor;
|
|
27050
27059
|
});
|
|
27051
|
-
var SelectChatContent = styled__default.div(_templateObject3$
|
|
27060
|
+
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
27061
|
return props.iconColor;
|
|
27053
27062
|
});
|
|
27054
27063
|
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 +27092,7 @@ function SvgInfo(props) {
|
|
|
27083
27092
|
})));
|
|
27084
27093
|
}
|
|
27085
27094
|
|
|
27086
|
-
var _templateObject$k, _templateObject2$i, _templateObject3$
|
|
27095
|
+
var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4;
|
|
27087
27096
|
function ChatHeader(_ref) {
|
|
27088
27097
|
var infoIcon = _ref.infoIcon,
|
|
27089
27098
|
backgroundColor = _ref.backgroundColor,
|
|
@@ -27211,7 +27220,7 @@ var ChannelInfo$2 = styled__default.div(_templateObject2$i || (_templateObject2$
|
|
|
27211
27220
|
}, function (props) {
|
|
27212
27221
|
return props.order;
|
|
27213
27222
|
}, UserStatus);
|
|
27214
|
-
var ChannelName = styled__default.div(_templateObject3$
|
|
27223
|
+
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
27224
|
var CustomActionsWrapper = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n order: ", ";\n"])), function (props) {
|
|
27216
27225
|
return props.order;
|
|
27217
27226
|
});
|
|
@@ -27677,7 +27686,7 @@ function SvgFullscreenExit(props) {
|
|
|
27677
27686
|
})));
|
|
27678
27687
|
}
|
|
27679
27688
|
|
|
27680
|
-
var _templateObject$m, _templateObject2$j, _templateObject3$
|
|
27689
|
+
var _templateObject$m, _templateObject2$j, _templateObject3$g, _templateObject4$d, _templateObject5$a, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$3;
|
|
27681
27690
|
var timerInterval;
|
|
27682
27691
|
var VideoPlayer = function VideoPlayer(_ref) {
|
|
27683
27692
|
var src = _ref.src,
|
|
@@ -27893,7 +27902,7 @@ var Component = styled__default.div(_templateObject$m || (_templateObject$m = _t
|
|
|
27893
27902
|
return props.loaded && '';
|
|
27894
27903
|
});
|
|
27895
27904
|
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$
|
|
27905
|
+
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
27906
|
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
27907
|
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
27908
|
return props.color;
|
|
@@ -27905,7 +27914,7 @@ var VolumeSlide = styled__default.input(_templateObject9$6 || (_templateObject9$
|
|
|
27905
27914
|
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
27915
|
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
27916
|
|
|
27908
|
-
var _templateObject$n, _templateObject2$k, _templateObject3$
|
|
27917
|
+
var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$4;
|
|
27909
27918
|
function ForwardMessagePopup(_ref) {
|
|
27910
27919
|
var title = _ref.title,
|
|
27911
27920
|
buttonText = _ref.buttonText,
|
|
@@ -28229,7 +28238,7 @@ var ForwardChannelsCont = styled__default.div(_templateObject$n || (_templateObj
|
|
|
28229
28238
|
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
28239
|
return props.backgroundHover;
|
|
28231
28240
|
});
|
|
28232
|
-
var ChannelInfo$3 = styled__default.div(_templateObject3$
|
|
28241
|
+
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
28242
|
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
28243
|
return props.margin || '20px 0 12px';
|
|
28235
28244
|
}, function (props) {
|
|
@@ -28425,7 +28434,7 @@ var DeleteOptionItem = styled__default.div(_templateObject2$m || (_templateObjec
|
|
|
28425
28434
|
return props.color;
|
|
28426
28435
|
});
|
|
28427
28436
|
|
|
28428
|
-
var _templateObject$q, _templateObject2$n, _templateObject3$
|
|
28437
|
+
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
28438
|
var SliderPopup = function SliderPopup(_ref) {
|
|
28430
28439
|
var channel = _ref.channel,
|
|
28431
28440
|
setIsSliderOpen = _ref.setIsSliderOpen,
|
|
@@ -28950,7 +28959,7 @@ var SliderPopup = function SliderPopup(_ref) {
|
|
|
28950
28959
|
};
|
|
28951
28960
|
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
28961
|
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$
|
|
28962
|
+
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
28963
|
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
28964
|
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
28965
|
var Info = styled__default.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n"])));
|
|
@@ -29143,7 +29152,7 @@ function SvgSelectionIcon(props) {
|
|
|
29143
29152
|
})));
|
|
29144
29153
|
}
|
|
29145
29154
|
|
|
29146
|
-
var _templateObject$s, _templateObject2$o, _templateObject3$
|
|
29155
|
+
var _templateObject$s, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$b, _templateObject7$a, _templateObject8$a, _templateObject9$9, _templateObject0$8;
|
|
29147
29156
|
var reactionsPrevLength = 0;
|
|
29148
29157
|
function ReactionsPopup(_ref) {
|
|
29149
29158
|
var messageId = _ref.messageId,
|
|
@@ -29373,7 +29382,7 @@ var Container$d = styled__default.div(_templateObject$s || (_templateObject$s =
|
|
|
29373
29382
|
return props.backgroundColor;
|
|
29374
29383
|
});
|
|
29375
29384
|
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$
|
|
29385
|
+
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
29386
|
return props.color;
|
|
29378
29387
|
}, function (props) {
|
|
29379
29388
|
return props.color;
|
|
@@ -29739,7 +29748,7 @@ function SvgInfoAction(props) {
|
|
|
29739
29748
|
})));
|
|
29740
29749
|
}
|
|
29741
29750
|
|
|
29742
|
-
var _templateObject$t, _templateObject2$p, _templateObject3$
|
|
29751
|
+
var _templateObject$t, _templateObject2$p, _templateObject3$k;
|
|
29743
29752
|
function MessageActions(_ref) {
|
|
29744
29753
|
var _ref$isPollMessage = _ref.isPollMessage,
|
|
29745
29754
|
isPollMessage = _ref$isPollMessage === void 0 ? false : _ref$isPollMessage,
|
|
@@ -29999,7 +30008,7 @@ var EditMessageContainer = styled__default.div(_templateObject2$p || (_templateO
|
|
|
29999
30008
|
}, function (props) {
|
|
30000
30009
|
return props.backgroundColor;
|
|
30001
30010
|
});
|
|
30002
|
-
var Action = styled__default.div(_templateObject3$
|
|
30011
|
+
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
30012
|
return props.order || 1;
|
|
30004
30013
|
}, function (props) {
|
|
30005
30014
|
return props.iconColor;
|
|
@@ -30123,7 +30132,7 @@ function SvgPlayVideo(props) {
|
|
|
30123
30132
|
})));
|
|
30124
30133
|
}
|
|
30125
30134
|
|
|
30126
|
-
var _templateObject$u, _templateObject2$q, _templateObject3$
|
|
30135
|
+
var _templateObject$u, _templateObject2$q, _templateObject3$l, _templateObject4$h, _templateObject5$e, _templateObject6$c, _templateObject7$b;
|
|
30127
30136
|
var VideoPreview = /*#__PURE__*/React.memo(function VideoPreview(_ref) {
|
|
30128
30137
|
var width = _ref.width,
|
|
30129
30138
|
height = _ref.height,
|
|
@@ -30263,7 +30272,7 @@ var VideoTime = styled__default.div(_templateObject2$q || (_templateObject2$q =
|
|
|
30263
30272
|
}, function (props) {
|
|
30264
30273
|
return props.color;
|
|
30265
30274
|
});
|
|
30266
|
-
var VideoPlayButton = styled__default.div(_templateObject3$
|
|
30275
|
+
var VideoPlayButton = styled__default.div(_templateObject3$l || (_templateObject3$l = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n visibility: ", ";\n"])), function (props) {
|
|
30267
30276
|
return props.showOnHover && 'hidden';
|
|
30268
30277
|
});
|
|
30269
30278
|
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 +32239,7 @@ class WaveSurfer extends Player {
|
|
|
32230
32239
|
WaveSurfer.BasePlugin = BasePlugin;
|
|
32231
32240
|
WaveSurfer.dom = dom;
|
|
32232
32241
|
|
|
32233
|
-
var _templateObject$v, _templateObject2$r, _templateObject3$
|
|
32242
|
+
var _templateObject$v, _templateObject2$r, _templateObject3$m, _templateObject4$i, _templateObject5$f, _templateObject6$d;
|
|
32234
32243
|
var AudioPlayer = function AudioPlayer(_ref) {
|
|
32235
32244
|
var url = _ref.url,
|
|
32236
32245
|
file = _ref.file,
|
|
@@ -32450,7 +32459,7 @@ var Container$e = styled__default.div(_templateObject$v || (_templateObject$v =
|
|
|
32450
32459
|
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
32460
|
return props.iconColor;
|
|
32452
32461
|
});
|
|
32453
|
-
var AudioVisualization = styled__default.div(_templateObject3$
|
|
32462
|
+
var AudioVisualization = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n"])));
|
|
32454
32463
|
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
32464
|
return props.backgroundColor;
|
|
32456
32465
|
}, function (props) {
|
|
@@ -32461,7 +32470,7 @@ var Timer$1 = styled__default.div(_templateObject6$d || (_templateObject6$d = _t
|
|
|
32461
32470
|
return props.color;
|
|
32462
32471
|
});
|
|
32463
32472
|
|
|
32464
|
-
var _templateObject$w, _templateObject2$s, _templateObject3$
|
|
32473
|
+
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
32474
|
var Attachment = function Attachment(_ref) {
|
|
32466
32475
|
var attachment = _ref.attachment,
|
|
32467
32476
|
_ref$isPreview = _ref.isPreview,
|
|
@@ -33119,7 +33128,7 @@ var AttachmentImgCont = styled__default.div(_templateObject2$s || (_templateObje
|
|
|
33119
33128
|
}, DownloadImage, function (props) {
|
|
33120
33129
|
return props.isPreview && "\n width: 48px;\n min-width: 48px;\n height: 48px;\n ";
|
|
33121
33130
|
});
|
|
33122
|
-
var FileThumbnail = styled__default.img(_templateObject3$
|
|
33131
|
+
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
33132
|
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
33133
|
return props.backgroundColor;
|
|
33125
33134
|
}, function (props) {
|
|
@@ -33189,7 +33198,7 @@ var VideoCont = styled__default.div(_templateObject11$3 || (_templateObject11$3
|
|
|
33189
33198
|
return props.isDetailsView && '100%';
|
|
33190
33199
|
});
|
|
33191
33200
|
|
|
33192
|
-
var _templateObject$x, _templateObject2$t, _templateObject3$
|
|
33201
|
+
var _templateObject$x, _templateObject2$t, _templateObject3$o, _templateObject4$k;
|
|
33193
33202
|
var RepliedMessage = function RepliedMessage(_ref) {
|
|
33194
33203
|
var _message$parentMessag;
|
|
33195
33204
|
var message = _ref.message,
|
|
@@ -33312,7 +33321,7 @@ var ReplyMessageBody = styled__default.div(_templateObject2$t || (_templateObjec
|
|
|
33312
33321
|
}, function (props) {
|
|
33313
33322
|
return props.maxWidth || '100%';
|
|
33314
33323
|
});
|
|
33315
|
-
var MessageStatusDeleted = styled__default.span(_templateObject3$
|
|
33324
|
+
var MessageStatusDeleted = styled__default.span(_templateObject3$o || (_templateObject3$o = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n font-style: italic;\n"])), function (props) {
|
|
33316
33325
|
return props.color;
|
|
33317
33326
|
}, function (props) {
|
|
33318
33327
|
return props.fontSize;
|
|
@@ -33801,7 +33810,7 @@ var EMOJIS = [{
|
|
|
33801
33810
|
}]
|
|
33802
33811
|
}];
|
|
33803
33812
|
|
|
33804
|
-
var _templateObject$z, _templateObject2$u, _templateObject3$
|
|
33813
|
+
var _templateObject$z, _templateObject2$u, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$d, _templateObject8$c;
|
|
33805
33814
|
var EmojiIcon = function EmojiIcon(_ref) {
|
|
33806
33815
|
var collectionName = _ref.collectionName;
|
|
33807
33816
|
switch (collectionName) {
|
|
@@ -34002,7 +34011,7 @@ var EmojiHeader = styled__default.div(_templateObject2$u || (_templateObject2$u
|
|
|
34002
34011
|
}, function (props) {
|
|
34003
34012
|
return props.padding || '6px 18px';
|
|
34004
34013
|
});
|
|
34005
|
-
var EmojiSection = styled__default.div(_templateObject3$
|
|
34014
|
+
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
34015
|
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
34016
|
return props.iconColor;
|
|
34008
34017
|
});
|
|
@@ -34040,7 +34049,7 @@ function SvgPlus(props) {
|
|
|
34040
34049
|
})));
|
|
34041
34050
|
}
|
|
34042
34051
|
|
|
34043
|
-
var _templateObject$A, _templateObject2$v, _templateObject3$
|
|
34052
|
+
var _templateObject$A, _templateObject2$v, _templateObject3$q;
|
|
34044
34053
|
function FrequentlyEmojis(_ref) {
|
|
34045
34054
|
var handleAddEmoji = _ref.handleAddEmoji,
|
|
34046
34055
|
handleEmojiPopupToggle = _ref.handleEmojiPopupToggle,
|
|
@@ -34177,7 +34186,7 @@ var EmojiItem = styled__default.span(_templateObject2$v || (_templateObject2$v =
|
|
|
34177
34186
|
}, function (props) {
|
|
34178
34187
|
return props.activeBackground;
|
|
34179
34188
|
});
|
|
34180
|
-
var OpenMoreEmojis = styled__default.span(_templateObject3$
|
|
34189
|
+
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
34190
|
return props.iconBackgroundColor;
|
|
34182
34191
|
}, function (props) {
|
|
34183
34192
|
return props.iconColor;
|
|
@@ -34187,7 +34196,7 @@ var OpenMoreEmojis = styled__default.span(_templateObject3$p || (_templateObject
|
|
|
34187
34196
|
return props.iconHoverColor;
|
|
34188
34197
|
});
|
|
34189
34198
|
|
|
34190
|
-
var _templateObject$B, _templateObject2$w, _templateObject3$
|
|
34199
|
+
var _templateObject$B, _templateObject2$w, _templateObject3$r, _templateObject4$m;
|
|
34191
34200
|
var MessageStatusAndTime = function MessageStatusAndTime(_ref) {
|
|
34192
34201
|
var message = _ref.message,
|
|
34193
34202
|
_ref$messageStatusDis = _ref.messageStatusDisplayingType,
|
|
@@ -34259,7 +34268,7 @@ var HiddenMessageTime = styled__default.span(_templateObject2$w || (_templateObj
|
|
|
34259
34268
|
}, function (props) {
|
|
34260
34269
|
return props.color;
|
|
34261
34270
|
});
|
|
34262
|
-
var MessageStatusAndTimeContainer = styled__default.span(_templateObject3$
|
|
34271
|
+
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
34272
|
return props.showOnlyOnHover && 'hidden';
|
|
34264
34273
|
}, function (props) {
|
|
34265
34274
|
return props.hide ? 'none' : 'flex';
|
|
@@ -34292,7 +34301,7 @@ var MessageStatusUpdated = styled__default.span(_templateObject4$m || (_template
|
|
|
34292
34301
|
return props.color;
|
|
34293
34302
|
});
|
|
34294
34303
|
|
|
34295
|
-
var _templateObject$C, _templateObject2$x, _templateObject3$
|
|
34304
|
+
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
34305
|
var POLL_VOTES_LIMIT = 20;
|
|
34297
34306
|
var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
34298
34307
|
var _pollVotesHasMore$key, _poll$voteDetails, _poll$voteDetails$vot, _poll$voteDetails3;
|
|
@@ -34408,7 +34417,7 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
|
34408
34417
|
};
|
|
34409
34418
|
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
34419
|
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$
|
|
34420
|
+
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
34421
|
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
34422
|
return p.color;
|
|
34414
34423
|
});
|
|
@@ -34435,7 +34444,7 @@ var Loader = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _
|
|
|
34435
34444
|
return p.color;
|
|
34436
34445
|
});
|
|
34437
34446
|
|
|
34438
|
-
var _templateObject$D, _templateObject2$y, _templateObject3$
|
|
34447
|
+
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
34448
|
var VotesResultsPopup = function VotesResultsPopup(_ref) {
|
|
34440
34449
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$options$find;
|
|
34441
34450
|
var onClose = _ref.onClose,
|
|
@@ -34569,7 +34578,7 @@ var OptionBlock = styled__default.div(_templateObject2$y || (_templateObject2$y
|
|
|
34569
34578
|
}, function (p) {
|
|
34570
34579
|
return p.border;
|
|
34571
34580
|
});
|
|
34572
|
-
var OptionHeader = styled__default.div(_templateObject3$
|
|
34581
|
+
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
34582
|
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
34583
|
return p.color;
|
|
34575
34584
|
});
|
|
@@ -34614,7 +34623,7 @@ function SvgFilledCheckbox(props) {
|
|
|
34614
34623
|
})));
|
|
34615
34624
|
}
|
|
34616
34625
|
|
|
34617
|
-
var _templateObject$E, _templateObject2$z, _templateObject3$
|
|
34626
|
+
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
34627
|
var PollMessage = function PollMessage(_ref) {
|
|
34619
34628
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
|
|
34620
34629
|
var message = _ref.message;
|
|
@@ -34748,7 +34757,7 @@ var Container$h = styled__default.div(_templateObject$E || (_templateObject$E =
|
|
|
34748
34757
|
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
34758
|
return p.color;
|
|
34750
34759
|
});
|
|
34751
|
-
var SubTitle$1 = styled__default.div(_templateObject3$
|
|
34760
|
+
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
34761
|
return p.color;
|
|
34753
34762
|
});
|
|
34754
34763
|
var Options = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-top: 4px;\n"])));
|
|
@@ -34783,7 +34792,7 @@ var Bar = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _tag
|
|
|
34783
34792
|
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
34793
|
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
34794
|
|
|
34786
|
-
var _templateObject$F, _templateObject2$A, _templateObject3$
|
|
34795
|
+
var _templateObject$F, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$h, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
|
|
34787
34796
|
var validateUrl = function validateUrl(url) {
|
|
34788
34797
|
try {
|
|
34789
34798
|
var urlObj = new URL(url);
|
|
@@ -35177,7 +35186,7 @@ var ImageContainer = styled__default.div(_templateObject2$A || (_templateObject2
|
|
|
35177
35186
|
containerHeight = _ref0.containerHeight;
|
|
35178
35187
|
return shouldAnimate && showOGMetadata && containerHeight && "\n animation: expandHeight 0.3s ease-out forwards;\n ";
|
|
35179
35188
|
});
|
|
35180
|
-
var OGText = styled__default.div(_templateObject3$
|
|
35189
|
+
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
35190
|
var shouldAnimate = _ref1.shouldAnimate;
|
|
35182
35191
|
return shouldAnimate && "\n animation: fadeInSlideUp 0.3s ease-out forwards;\n ";
|
|
35183
35192
|
}, function (_ref10) {
|
|
@@ -35229,7 +35238,7 @@ var OGTextWrapper = styled__default.div(_templateObject9$e || (_templateObject9$
|
|
|
35229
35238
|
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
35239
|
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
35240
|
|
|
35232
|
-
var _templateObject$G, _templateObject2$B, _templateObject3$
|
|
35241
|
+
var _templateObject$G, _templateObject2$B, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
35233
35242
|
var MessageBody = function MessageBody(_ref) {
|
|
35234
35243
|
var message = _ref.message,
|
|
35235
35244
|
channel = _ref.channel,
|
|
@@ -35840,7 +35849,7 @@ var MessageStatusDeleted$1 = styled__default.span(_templateObject2$B || (_templa
|
|
|
35840
35849
|
}, function (props) {
|
|
35841
35850
|
return props.fontSize;
|
|
35842
35851
|
});
|
|
35843
|
-
var MessageBodyContainer = styled__default.div(_templateObject3$
|
|
35852
|
+
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
35853
|
var _props$outgoingMessag, _props$incomingMessag;
|
|
35845
35854
|
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
35855
|
}, function (props) {
|
|
@@ -35878,7 +35887,7 @@ var FrequentlyEmojisContainer = styled__default.div(_templateObject5$m || (_temp
|
|
|
35878
35887
|
return props.rtlDirection && '0';
|
|
35879
35888
|
});
|
|
35880
35889
|
|
|
35881
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$
|
|
35890
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$i, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
35882
35891
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
35883
35892
|
var m = moment(date);
|
|
35884
35893
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -36258,7 +36267,7 @@ var Tab = styled__default.button(_templateObject2$C || (_templateObject2$C = _ta
|
|
|
36258
36267
|
}, function (p) {
|
|
36259
36268
|
return p.active ? p.background : p.borderColor;
|
|
36260
36269
|
});
|
|
36261
|
-
var List$1 = styled__default.div(_templateObject3$
|
|
36270
|
+
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
36271
|
return p.maxHeight ? p.maxHeight + "px" : 'unset';
|
|
36263
36272
|
});
|
|
36264
36273
|
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 +36321,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
36312
36321
|
});
|
|
36313
36322
|
}
|
|
36314
36323
|
|
|
36315
|
-
var _templateObject$I, _templateObject2$D, _templateObject3$
|
|
36324
|
+
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
36325
|
var Message$1 = function Message(_ref) {
|
|
36317
36326
|
var message = _ref.message,
|
|
36318
36327
|
channel = _ref.channel,
|
|
@@ -37117,7 +37126,7 @@ var MessageReactionKey = styled__default.span(_templateObject$I || (_templateObj
|
|
|
37117
37126
|
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
37127
|
return props.color;
|
|
37119
37128
|
});
|
|
37120
|
-
var MessageReaction = styled__default.span(_templateObject3$
|
|
37129
|
+
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
37130
|
return props.margin || '0 8px 0 0';
|
|
37122
37131
|
}, function (props) {
|
|
37123
37132
|
return props.isLastReaction && '0';
|
|
@@ -37216,7 +37225,7 @@ var MessageItem = styled__default.div(_templateObject12$4 || (_templateObject12$
|
|
|
37216
37225
|
return props.hoverBackground || '';
|
|
37217
37226
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
37218
37227
|
|
|
37219
|
-
var _templateObject$J, _templateObject2$E, _templateObject3$
|
|
37228
|
+
var _templateObject$J, _templateObject2$E, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$k, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
37220
37229
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
37221
37230
|
var lastIndex = _ref.lastIndex,
|
|
37222
37231
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38313,7 +38322,7 @@ var Container$i = styled__default.div(_templateObject$J || (_templateObject$J =
|
|
|
38313
38322
|
return props.thumbColor;
|
|
38314
38323
|
});
|
|
38315
38324
|
var EmptyDiv = styled__default.div(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n height: 300px;\n"])));
|
|
38316
|
-
var MessagesBox = styled__default.div(_templateObject3$
|
|
38325
|
+
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
38326
|
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
38327
|
return props.topOffset ? props.topOffset + 22 + "px" : '22px';
|
|
38319
38328
|
}, function (props) {
|
|
@@ -38784,7 +38793,7 @@ function $isMentionNode(node) {
|
|
|
38784
38793
|
return node instanceof MentionNode;
|
|
38785
38794
|
}
|
|
38786
38795
|
|
|
38787
|
-
var _templateObject$K, _templateObject2$F, _templateObject3$
|
|
38796
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$A, _templateObject4$v, _templateObject5$q;
|
|
38788
38797
|
var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
|
|
38789
38798
|
var NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';
|
|
38790
38799
|
var DocumentMentionsRegex = {
|
|
@@ -39074,7 +39083,7 @@ var MentionsList = styled__default.ul(_templateObject2$F || (_templateObject2$F
|
|
|
39074
39083
|
}, function (props) {
|
|
39075
39084
|
return props.hidden ? 'hidden' : 'visible';
|
|
39076
39085
|
});
|
|
39077
|
-
var MemberItem = styled__default.li(_templateObject3$
|
|
39086
|
+
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
39087
|
return props.isActiveItem && props.activeBackgroundColor;
|
|
39079
39088
|
}, UserStatus);
|
|
39080
39089
|
var UserNamePresence$2 = styled__default.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
|
|
@@ -39918,7 +39927,7 @@ function FormatMessagePlugin(_ref) {
|
|
|
39918
39927
|
return null;
|
|
39919
39928
|
}
|
|
39920
39929
|
|
|
39921
|
-
var _templateObject$M, _templateObject2$H, _templateObject3$
|
|
39930
|
+
var _templateObject$M, _templateObject2$H, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$n, _templateObject7$l, _templateObject8$k;
|
|
39922
39931
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
39923
39932
|
var collectionName = _ref.collectionName;
|
|
39924
39933
|
switch (collectionName) {
|
|
@@ -40139,7 +40148,7 @@ var EmojiHeader$1 = styled__default.div(_templateObject2$H || (_templateObject2$
|
|
|
40139
40148
|
}, function (props) {
|
|
40140
40149
|
return props.padding || '6px 18px';
|
|
40141
40150
|
});
|
|
40142
|
-
var EmojiSection$1 = styled__default.div(_templateObject3$
|
|
40151
|
+
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
40152
|
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
40153
|
return props.iconColor;
|
|
40145
40154
|
});
|
|
@@ -40351,7 +40360,7 @@ function SvgRecordButton(props) {
|
|
|
40351
40360
|
})));
|
|
40352
40361
|
}
|
|
40353
40362
|
|
|
40354
|
-
var _templateObject$N, _templateObject2$I, _templateObject3$
|
|
40363
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m;
|
|
40355
40364
|
var shouldDraw = false;
|
|
40356
40365
|
var DEFAULT_MAX_RECORDING_DURATION = 600;
|
|
40357
40366
|
var AudioRecord = function AudioRecord(_ref) {
|
|
@@ -40941,7 +40950,7 @@ var AudioWrapper = styled__default.div(_templateObject2$I || (_templateObject2$I
|
|
|
40941
40950
|
}, function (props) {
|
|
40942
40951
|
return props.recording ? '0 12px 0 0' : '0';
|
|
40943
40952
|
});
|
|
40944
|
-
var RecordIconWrapper = styled__default.span(_templateObject3$
|
|
40953
|
+
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
40954
|
return props.iconColor;
|
|
40946
40955
|
});
|
|
40947
40956
|
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 +40982,10 @@ var Timer$2 = styled__default.div(_templateObject7$m || (_templateObject7$m = _t
|
|
|
40973
40982
|
return props.color;
|
|
40974
40983
|
});
|
|
40975
40984
|
|
|
40976
|
-
var _templateObject$O, _templateObject2$J, _templateObject3$
|
|
40985
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$D;
|
|
40977
40986
|
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
40987
|
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$
|
|
40988
|
+
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
40989
|
return props.borderColor;
|
|
40981
40990
|
}, wave, function (_ref) {
|
|
40982
40991
|
var delay = _ref.delay;
|
|
@@ -41024,7 +41033,7 @@ function SvgDotsVertica(props) {
|
|
|
41024
41033
|
})));
|
|
41025
41034
|
}
|
|
41026
41035
|
|
|
41027
|
-
var _templateObject$P, _templateObject2$K, _templateObject3$
|
|
41036
|
+
var _templateObject$P, _templateObject2$K, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$p, _templateObject7$n, _templateObject8$l, _templateObject9$i;
|
|
41028
41037
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
41029
41038
|
var togglePopup = _ref.togglePopup,
|
|
41030
41039
|
onCreate = _ref.onCreate;
|
|
@@ -41414,7 +41423,7 @@ var CustomTextArea = styled__default.textarea(_templateObject2$K || (_templateOb
|
|
|
41414
41423
|
}, function (props) {
|
|
41415
41424
|
return props.placeholderColor;
|
|
41416
41425
|
});
|
|
41417
|
-
var TextCounter = styled__default.span(_templateObject3$
|
|
41426
|
+
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
41427
|
return props.color;
|
|
41419
41428
|
});
|
|
41420
41429
|
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 +41453,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
|
|
|
41444
41453
|
return props.color;
|
|
41445
41454
|
});
|
|
41446
41455
|
|
|
41447
|
-
var _templateObject$Q, _templateObject2$L, _templateObject3$
|
|
41456
|
+
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
41457
|
function AutoFocusPlugin(_ref) {
|
|
41449
41458
|
var messageForReply = _ref.messageForReply;
|
|
41450
41459
|
var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
|
|
@@ -43077,7 +43086,7 @@ var Container$l = styled__default.div(_templateObject2$L || (_templateObject2$L
|
|
|
43077
43086
|
}, function (props) {
|
|
43078
43087
|
return props.mentionColor;
|
|
43079
43088
|
});
|
|
43080
|
-
var EditReplyMessageCont = styled__default.div(_templateObject3$
|
|
43089
|
+
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
43090
|
return props.left || '0';
|
|
43082
43091
|
}, function (props) {
|
|
43083
43092
|
return props.bottom || '0';
|
|
@@ -43444,7 +43453,7 @@ function SvgUnpin(props) {
|
|
|
43444
43453
|
})));
|
|
43445
43454
|
}
|
|
43446
43455
|
|
|
43447
|
-
var _templateObject$R, _templateObject2$M, _templateObject3$
|
|
43456
|
+
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
43457
|
var Actions = function Actions(_ref) {
|
|
43449
43458
|
var setActionsHeight = _ref.setActionsHeight,
|
|
43450
43459
|
channel = _ref.channel,
|
|
@@ -43912,7 +43921,7 @@ var Container$m = styled__default.div(_templateObject$R || (_templateObject$R =
|
|
|
43912
43921
|
return props.borderColor;
|
|
43913
43922
|
});
|
|
43914
43923
|
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$
|
|
43924
|
+
var MenuTriggerIcon = styled__default.span(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n transition: all 0.2s;\n ", "\n"])), function (props) {
|
|
43916
43925
|
return !props.isOpen && ' transform: rotate(-90deg);';
|
|
43917
43926
|
});
|
|
43918
43927
|
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 +44011,7 @@ function SvgMoreVert(props) {
|
|
|
44002
44011
|
})));
|
|
44003
44012
|
}
|
|
44004
44013
|
|
|
44005
|
-
var _templateObject$S, _templateObject2$N, _templateObject3$
|
|
44014
|
+
var _templateObject$S, _templateObject2$N, _templateObject3$H;
|
|
44006
44015
|
var ChangeMemberRole = function ChangeMemberRole(_ref) {
|
|
44007
44016
|
var theme = _ref.theme,
|
|
44008
44017
|
channelId = _ref.channelId,
|
|
@@ -44107,7 +44116,7 @@ var RoleLabel = styled__default.div(_templateObject2$N || (_templateObject2$N =
|
|
|
44107
44116
|
var color = _ref2.color;
|
|
44108
44117
|
return color;
|
|
44109
44118
|
});
|
|
44110
|
-
var RoleSpan = styled__default.span(_templateObject3$
|
|
44119
|
+
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
44120
|
|
|
44112
44121
|
function ResetLinkConfirmModal(_ref) {
|
|
44113
44122
|
var _getInviteLinkOptions;
|
|
@@ -44144,7 +44153,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
44144
44153
|
});
|
|
44145
44154
|
}
|
|
44146
44155
|
|
|
44147
|
-
var _templateObject$T, _templateObject2$O, _templateObject3$
|
|
44156
|
+
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
44157
|
function InviteLinkModal(_ref) {
|
|
44149
44158
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
44150
44159
|
var onClose = _ref.onClose,
|
|
@@ -44634,7 +44643,7 @@ var Tabs$1 = styled__default.div(_templateObject2$O || (_templateObject2$O = _ta
|
|
|
44634
44643
|
}, function (p) {
|
|
44635
44644
|
return p.borderColor;
|
|
44636
44645
|
});
|
|
44637
|
-
var TabButton = styled__default.button(_templateObject3$
|
|
44646
|
+
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
44647
|
return p.active ? p.activeBackgroundColor : p.backgroundColor;
|
|
44639
44648
|
}, function (p) {
|
|
44640
44649
|
return p.active && "\n box-shadow: 0px 3px 6px -4px #0000001F;\n ";
|
|
@@ -44676,7 +44685,7 @@ var QrHint = styled__default.p(_templateObject13$5 || (_templateObject13$5 = _ta
|
|
|
44676
44685
|
return p.color;
|
|
44677
44686
|
});
|
|
44678
44687
|
|
|
44679
|
-
var _templateObject$U, _templateObject2$P, _templateObject3$
|
|
44688
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$r, _templateObject8$p, _templateObject9$m;
|
|
44680
44689
|
var Members = function Members(_ref) {
|
|
44681
44690
|
var _members$find;
|
|
44682
44691
|
var channel = _ref.channel,
|
|
@@ -45000,7 +45009,7 @@ var Members = function Members(_ref) {
|
|
|
45000
45009
|
};
|
|
45001
45010
|
var Container$n = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose([""])));
|
|
45002
45011
|
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$
|
|
45012
|
+
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
45013
|
var MemberNameWrapper = styled__default.div(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
45005
45014
|
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
45015
|
return props.color;
|
|
@@ -45129,7 +45138,7 @@ function SvgDownloadFile(props) {
|
|
|
45129
45138
|
})));
|
|
45130
45139
|
}
|
|
45131
45140
|
|
|
45132
|
-
var _templateObject$W, _templateObject2$R, _templateObject3$
|
|
45141
|
+
var _templateObject$W, _templateObject2$R, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$u, _templateObject7$s, _templateObject8$q;
|
|
45133
45142
|
var Files = function Files(_ref) {
|
|
45134
45143
|
var channelId = _ref.channelId,
|
|
45135
45144
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -45253,7 +45262,7 @@ var DownloadWrapper = styled__default.a(_templateObject2$R || (_templateObject2$
|
|
|
45253
45262
|
}, function (props) {
|
|
45254
45263
|
return props.iconColor;
|
|
45255
45264
|
});
|
|
45256
|
-
var ProgressWrapper$2 = styled__default.span(_templateObject3$
|
|
45265
|
+
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
45266
|
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
45267
|
return props.iconColor;
|
|
45259
45268
|
}, function (props) {
|
|
@@ -45307,7 +45316,7 @@ function SvgLinkIcon(props) {
|
|
|
45307
45316
|
})));
|
|
45308
45317
|
}
|
|
45309
45318
|
|
|
45310
|
-
var _templateObject$X, _templateObject2$S, _templateObject3$
|
|
45319
|
+
var _templateObject$X, _templateObject2$S, _templateObject3$L, _templateObject4$E, _templateObject5$z;
|
|
45311
45320
|
var LinkItem = function LinkItem(_ref) {
|
|
45312
45321
|
var link = _ref.link,
|
|
45313
45322
|
linkPreviewIcon = _ref.linkPreviewIcon,
|
|
@@ -45348,7 +45357,7 @@ var LinkHoverIconCont = styled__default.span(_templateObject2$S || (_templateObj
|
|
|
45348
45357
|
}, function (props) {
|
|
45349
45358
|
return props.fillColor;
|
|
45350
45359
|
});
|
|
45351
|
-
var LinkInfoCont = styled__default.div(_templateObject3$
|
|
45360
|
+
var LinkInfoCont = styled__default.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n width: calc(100% - 40px);\n"])));
|
|
45352
45361
|
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
45362
|
return props.hoverBackgroundColor;
|
|
45354
45363
|
}, LinkIconCont, LinkHoverIconCont);
|
|
@@ -45437,7 +45446,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
45437
45446
|
})));
|
|
45438
45447
|
}
|
|
45439
45448
|
|
|
45440
|
-
var _templateObject$Z, _templateObject2$T, _templateObject3$
|
|
45449
|
+
var _templateObject$Z, _templateObject2$T, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$v, _templateObject7$t, _templateObject8$r;
|
|
45441
45450
|
var VoiceItem = function VoiceItem(_ref) {
|
|
45442
45451
|
var file = _ref.file,
|
|
45443
45452
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -45572,7 +45581,7 @@ var FileHoverIconCont$1 = styled__default.span(_templateObject2$T || (_templateO
|
|
|
45572
45581
|
}, function (props) {
|
|
45573
45582
|
return props.fill || 'transparent';
|
|
45574
45583
|
});
|
|
45575
|
-
var FileItem$2 = styled__default.li(_templateObject3$
|
|
45584
|
+
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
45585
|
return props.hoverBackgroundColor;
|
|
45577
45586
|
}, FileIconCont$1, FileHoverIconCont$1);
|
|
45578
45587
|
var AudioInfo = styled__default.div(_templateObject4$F || (_templateObject4$F = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
@@ -45790,7 +45799,7 @@ var DetailsTabHeader = styled__default.div(_templateObject2$U || (_templateObjec
|
|
|
45790
45799
|
return props.activeTabColor;
|
|
45791
45800
|
});
|
|
45792
45801
|
|
|
45793
|
-
var _templateObject$10, _templateObject2$V, _templateObject3$
|
|
45802
|
+
var _templateObject$10, _templateObject2$V, _templateObject3$N, _templateObject4$G;
|
|
45794
45803
|
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
45804
|
return props.active ? 'display: block' : 'display: none';
|
|
45796
45805
|
}, function (props) {
|
|
@@ -45799,7 +45808,7 @@ var Container$t = styled__default.div(_templateObject$10 || (_templateObject$10
|
|
|
45799
45808
|
return props.backgroundColor;
|
|
45800
45809
|
});
|
|
45801
45810
|
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$
|
|
45811
|
+
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
45812
|
var EditChannelFooter = styled__default(ButtonBlock)(_templateObject4$G || (_templateObject4$G = _taggedTemplateLiteralLoose(["\n margin-top: 24px;\n\n & > button {\n margin-left: 12px;\n }\n"])));
|
|
45804
45813
|
var EditChannel = function EditChannel(_ref) {
|
|
45805
45814
|
var channel = _ref.channel,
|
|
@@ -46055,7 +46064,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
46055
46064
|
})));
|
|
46056
46065
|
};
|
|
46057
46066
|
|
|
46058
|
-
var _templateObject$11, _templateObject2$W, _templateObject3$
|
|
46067
|
+
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
46068
|
var Details = function Details(_ref) {
|
|
46060
46069
|
var _activeChannel$member;
|
|
46061
46070
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -46495,7 +46504,7 @@ var Container$u = styled__default.div(_templateObject$11 || (_templateObject$11
|
|
|
46495
46504
|
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
46505
|
return props.borderColor;
|
|
46497
46506
|
});
|
|
46498
|
-
var ChatDetails = styled__default.div(_templateObject3$
|
|
46507
|
+
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
46508
|
return props.size === 'small' ? '300px' : props.size === 'medium' ? '350px' : '400px';
|
|
46500
46509
|
}, function (props) {
|
|
46501
46510
|
return props.height ? "calc(100vh - " + props.heightOffset + "px)" : '100vh';
|