sceyt-chat-react-uikit 1.7.9-beta.11 → 1.7.9-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.
Files changed (3) hide show
  1. package/index.js +114 -43
  2. package/index.modern.js +114 -43
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -17868,6 +17868,7 @@ function switchChannel(action) {
17868
17868
  _context10.n = 11;
17869
17869
  return effects.put(setUnreadScrollToAC(true));
17870
17870
  case 11:
17871
+ removeAllMessages();
17871
17872
  _context10.n = 12;
17872
17873
  return effects.call(setActiveChannelId, channel && channel.id);
17873
17874
  case 12:
@@ -36166,7 +36167,8 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36166
36167
  background = _useColor[THEME_COLORS.BACKGROUND],
36167
36168
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
36168
36169
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
36169
- surface1 = _useColor[THEME_COLORS.SURFACE_1];
36170
+ surface1 = _useColor[THEME_COLORS.SURFACE_1],
36171
+ surface2 = _useColor[THEME_COLORS.SURFACE_2];
36170
36172
  var contactsMap = useSelector(contactsMapSelector);
36171
36173
  var getFromContacts = getShowOnlyContactUsers();
36172
36174
  var user = getClient().user;
@@ -36180,6 +36182,9 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36180
36182
  var isLoading = pollVotesLoadingState[key] === LOADING_STATE.LOADING;
36181
36183
  var totalVotes = ((_poll$voteDetails = poll.voteDetails) === null || _poll$voteDetails === void 0 ? void 0 : (_poll$voteDetails$vot = _poll$voteDetails.votesPerOption) === null || _poll$voteDetails$vot === void 0 ? void 0 : _poll$voteDetails$vot[optionId]) || 0;
36182
36184
  var isLoadingInitial = allVotes.length === 0 && (isLoading || totalVotes > 0);
36185
+ var _useState = React.useState(false),
36186
+ isScrolling = _useState[0],
36187
+ setIsScrolling = _useState[1];
36183
36188
  React.useEffect(function () {
36184
36189
  if (allVotes.length === 0 && totalVotes > 0 && !isLoading) {
36185
36190
  dispatch(getPollVotesAC(messageId, poll.id, optionId, POLL_VOTES_LIMIT));
@@ -36234,7 +36239,15 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36234
36239
  }, totalVotes, " votes"), isLoadingInitial ? (/*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(Loader, {
36235
36240
  color: textSecondary
36236
36241
  }))) : (/*#__PURE__*/React__default.createElement(VotesList, {
36237
- onScroll: handleScroll
36242
+ thumbColor: surface2,
36243
+ onScroll: handleScroll,
36244
+ className: isScrolling ? 'show-scrollbar' : '',
36245
+ onMouseEnter: function onMouseEnter() {
36246
+ return setIsScrolling(true);
36247
+ },
36248
+ onMouseLeave: function onMouseLeave() {
36249
+ return setIsScrolling(false);
36250
+ }
36238
36251
  }, [].concat(ownVote ? [ownVote] : [], allVotes).map(function (vote) {
36239
36252
  var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile, _vote$user4, _vote$user4$profile, _vote$user5, _vote$user5$presence, _vote$user6, _vote$user6$presence, _vote$user7, _vote$user7$presence, _vote$user8;
36240
36253
  var contact = contactsMap[vote.user.id];
@@ -36267,7 +36280,9 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36267
36280
  color: textSecondary
36268
36281
  }, "Loading...")))))));
36269
36282
  };
36270
- var VotesList = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 500px;\n padding: 8px 0;\n"])));
36283
+ var VotesList = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n max-height: 500px;\n padding: 8px 0;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: 14px;\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) {
36284
+ return props.thumbColor;
36285
+ });
36271
36286
  var VoterRow = styled__default.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 6px 0;\n"])));
36272
36287
  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"])));
36273
36288
  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) {
@@ -36283,7 +36298,7 @@ var TitleWrapper = styled__default.div(_templateObject7$f || (_templateObject7$f
36283
36298
  var BackButton = styled__default.button(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 13px;\n top: 13px;\n padding: 9px;\n cursor: pointer;\n box-sizing: content-box;\n background: transparent;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n flex-shrink: 0;\n\n & > svg {\n width: 24px;\n height: 24px;\n }\n\n &:hover {\n opacity: 0.7;\n }\n"])), function (p) {
36284
36299
  return p.color;
36285
36300
  });
36286
- var VotesContainer = styled__default.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n padding: 0 16px 8px 16px;\n border-radius: 10px;\n background-color: ", ";\n margin-top: 16px;\n"])), function (p) {
36301
+ var VotesContainer = styled__default.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n padding: 0 2px 8px 16px;\n border-radius: 10px;\n background-color: ", ";\n margin-top: 16px;\n"])), function (p) {
36287
36302
  return p.backgroundColor;
36288
36303
  });
36289
36304
  var VotesCount = styled__default.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.4px;\n padding: 12px 0;\n"])), function (p) {
@@ -36312,10 +36327,14 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
36312
36327
  var _useColor = useColors(),
36313
36328
  background = _useColor[THEME_COLORS.BACKGROUND],
36314
36329
  surface1 = _useColor[THEME_COLORS.SURFACE_1],
36330
+ surface2 = _useColor[THEME_COLORS.SURFACE_2],
36315
36331
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
36316
36332
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
36317
36333
  border = _useColor[THEME_COLORS.BORDER],
36318
36334
  accent = _useColor[THEME_COLORS.ACCENT];
36335
+ var _useState2 = React.useState(false),
36336
+ isScrolling = _useState2[0],
36337
+ setIsScrolling = _useState2[1];
36319
36338
  var optionIdToVotes = React.useMemo(function () {
36320
36339
  var votes = {};
36321
36340
  poll.options.forEach(function (opt) {
@@ -36364,7 +36383,16 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
36364
36383
  background: surface1
36365
36384
  }, /*#__PURE__*/React__default.createElement(Question, {
36366
36385
  color: textPrimary
36367
- }, poll.name)), /*#__PURE__*/React__default.createElement(OptionsList, null, poll.options.map(function (opt) {
36386
+ }, poll.name)), /*#__PURE__*/React__default.createElement(OptionsList, {
36387
+ thumbColor: surface2,
36388
+ className: isScrolling ? 'show-scrollbar' : '',
36389
+ onMouseEnter: function onMouseEnter() {
36390
+ return setIsScrolling(true);
36391
+ },
36392
+ onMouseLeave: function onMouseLeave() {
36393
+ return setIsScrolling(false);
36394
+ }
36395
+ }, poll.options.map(function (opt) {
36368
36396
  var _poll$voteDetails5, _poll$voteDetails5$vo;
36369
36397
  var allVotes = optionIdToVotes[opt.id] || [];
36370
36398
  var totalVotes = ((_poll$voteDetails5 = poll.voteDetails) === null || _poll$voteDetails5 === void 0 ? void 0 : (_poll$voteDetails5$vo = _poll$voteDetails5.votesPerOption) === null || _poll$voteDetails5$vo === void 0 ? void 0 : _poll$voteDetails5$vo[opt.id]) || 0;
@@ -36424,7 +36452,9 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
36424
36452
  })) === null || _poll$options$find === void 0 ? void 0 : _poll$options$find.name) || ''
36425
36453
  })));
36426
36454
  };
36427
- var OptionsList = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n overflow-y: auto;\n max-height: 504px;\n border-radius: 10px;\n"])));
36455
+ var OptionsList = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n max-height: 504px;\n border-radius: 10px;\n overflow-y: auto;\n overflow-x: hidden;\n width: calc(100% + 20px);\n padding-right: 14px;\n box-sizing: border-box;\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) {
36456
+ return props.thumbColor;
36457
+ });
36428
36458
  var OptionBlock = styled__default.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: ", ";\n border-radius: 10px;\n border: 1px solid ", "0F; /* subtle */\n padding: 14px 16px 0 16px;\n"])), function (p) {
36429
36459
  return p.background;
36430
36460
  }, function (p) {
@@ -40852,7 +40882,7 @@ function $isMentionNode(node) {
40852
40882
  return node instanceof MentionNode;
40853
40883
  }
40854
40884
 
40855
- var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q;
40885
+ var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$o;
40856
40886
  var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
40857
40887
  var NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';
40858
40888
  var DocumentMentionsRegex = {
@@ -40995,7 +41025,8 @@ function MentionsContainer(_ref2) {
40995
41025
  var theme = useSelector(themeSelector);
40996
41026
  var _useColor2 = useColors(),
40997
41027
  borderColor = _useColor2[THEME_COLORS.BORDER],
40998
- background = _useColor2[THEME_COLORS.BACKGROUND];
41028
+ background = _useColor2[THEME_COLORS.BACKGROUND],
41029
+ scrollbarThumbColor = _useColor2[THEME_COLORS.SURFACE_1];
40999
41030
  var dispatch = useDispatch();
41000
41031
  var channelsMembersHasNext = useSelector(channelsMembersHasNextMapSelector, reactRedux.shallowEqual);
41001
41032
  var channelsMembersLoadingState = useSelector(channelsMembersLoadingStateSelector, reactRedux.shallowEqual);
@@ -41006,6 +41037,9 @@ function MentionsContainer(_ref2) {
41006
41037
  return channelsMembersHasNext === null || channelsMembersHasNext === void 0 ? void 0 : channelsMembersHasNext[channelId];
41007
41038
  }, [channelsMembersHasNext === null || channelsMembersHasNext === void 0 ? void 0 : channelsMembersHasNext[channelId]]);
41008
41039
  var mentionsListRef = React.useRef(null);
41040
+ var _useState2 = React.useState(false),
41041
+ alignRight = _useState2[0],
41042
+ setAlignRight = _useState2[1];
41009
41043
  var contRef = React.useRef();
41010
41044
  var handleKeyDown = function handleKeyDown(event) {
41011
41045
  var code = event.code;
@@ -41058,15 +41092,39 @@ function MentionsContainer(_ref2) {
41058
41092
  dispatch(loadMoreMembersAC(15, channelId));
41059
41093
  }
41060
41094
  }, [options === null || options === void 0 ? void 0 : options.length, membersHasNext, membersLoadingState, channelId, dispatch]);
41095
+ React.useEffect(function () {
41096
+ var checkOverflow = function checkOverflow() {
41097
+ if (mentionsListRef.current && contRef.current) {
41098
+ var containerElement = contRef.current;
41099
+ var containerRect = containerElement.getBoundingClientRect();
41100
+ var listWidth = 340;
41101
+ var leftOffset = -60;
41102
+ var rightEdge = containerRect.left + leftOffset + listWidth;
41103
+ if (rightEdge > window.innerWidth) {
41104
+ setAlignRight(true);
41105
+ } else {
41106
+ setAlignRight(false);
41107
+ }
41108
+ }
41109
+ };
41110
+ var timeoutId = setTimeout(checkOverflow, 0);
41111
+ window.addEventListener('resize', checkOverflow);
41112
+ return function () {
41113
+ clearTimeout(timeoutId);
41114
+ window.removeEventListener('resize', checkOverflow);
41115
+ };
41116
+ }, [options === null || options === void 0 ? void 0 : options.length]);
41061
41117
  return /*#__PURE__*/React__default.createElement(MentionsContainerWrapper, {
41062
41118
  className: 'typeahead-popover mentions-menu',
41063
41119
  ref: contRef
41064
41120
  }, /*#__PURE__*/React__default.createElement(MentionsList, {
41065
- ref: mentionsListRef,
41066
- borderColor: borderColor,
41067
41121
  backgroundColor: background,
41122
+ scrollbarThumbColor: scrollbarThumbColor,
41068
41123
  theme: theme,
41069
- onScroll: handleScroll
41124
+ ref: mentionsListRef,
41125
+ borderColor: borderColor,
41126
+ onScroll: handleScroll,
41127
+ alignRight: alignRight
41070
41128
  }, options.map(function (option, i) {
41071
41129
  return /*#__PURE__*/React__default.createElement(MentionsTypeaheadMenuItem, {
41072
41130
  index: i,
@@ -41081,7 +41139,9 @@ function MentionsContainer(_ref2) {
41081
41139
  key: option.id,
41082
41140
  option: option
41083
41141
  });
41084
- })));
41142
+ })), /*#__PURE__*/React__default.createElement(Handle, {
41143
+ backgroundColor: background
41144
+ }));
41085
41145
  }
41086
41146
  function MentionsPlugin(_ref3) {
41087
41147
  var contactsMap = _ref3.contactsMap,
@@ -41093,9 +41153,9 @@ function MentionsPlugin(_ref3) {
41093
41153
  channelId = _ref3.channelId;
41094
41154
  var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
41095
41155
  editor = _useLexicalComposerCo[0];
41096
- var _useState2 = React.useState(null),
41097
- queryString = _useState2[0],
41098
- setQueryString = _useState2[1];
41156
+ var _useState3 = React.useState(null),
41157
+ queryString = _useState3[0],
41158
+ setQueryString = _useState3[1];
41099
41159
  var results = useMentionLookupService(queryString, contactsMap, userId, members, getFromContacts);
41100
41160
  var checkForSlashTriggerMatch = LexicalTypeaheadMenuPlugin.useBasicTypeaheadTriggerMatch('/', {
41101
41161
  minLength: 0
@@ -41159,7 +41219,11 @@ function MentionsPlugin(_ref3) {
41159
41219
  });
41160
41220
  }
41161
41221
  var MentionsContainerWrapper = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n position: relative;\n animation: fadeIn 0.2s ease-in-out;\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n"])));
41162
- var MentionsList = styled__default.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 5px;\n width: 300px;\n transition: all 0.2s;\n overflow: auto;\n max-height: 240px;\n z-index: 200;\n padding: 2px 0 0;\n background: ", ";\n border: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n border-radius: 6px;\n visibility: ", ";\n"])), function (props) {
41222
+ var MentionsList = styled__default.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 47px;\n width: 340px;\n max-height: 268px;\n transition: all 0.2s;\n overflow-x: hidden;\n overflow-y: auto;\n left: ", ";\n right: ", ";\n z-index: 200;\n padding: 0;\n margin: 0;\n background: ", ";\n border: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n border-radius: 6px;\n visibility: ", ";\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 6px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n"])), function (props) {
41223
+ return props.alignRight ? 'auto' : '-60px';
41224
+ }, function (props) {
41225
+ return props.alignRight ? '-60px' : 'auto';
41226
+ }, function (props) {
41163
41227
  return props.backgroundColor;
41164
41228
  }, function (props) {
41165
41229
  return props.withBorder && "1px solid " + props.borderColor;
@@ -41167,12 +41231,19 @@ var MentionsList = styled__default.ul(_templateObject2$G || (_templateObject2$G
41167
41231
  return props.theme === THEME.DARK ? '0 0 12px rgba(0, 0, 0, 0.5)' : '0 0 12px rgba(0, 0, 0, 0.08)';
41168
41232
  }, function (props) {
41169
41233
  return props.hidden ? 'hidden' : 'visible';
41234
+ }, function (props) {
41235
+ return props.scrollbarThumbColor;
41236
+ }, function (props) {
41237
+ return props.scrollbarThumbColor;
41238
+ });
41239
+ var Handle = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 39px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 8px;\n background: ", ";\n z-index: 201;\n clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\n"])), function (props) {
41240
+ return props.backgroundColor;
41170
41241
  });
41171
- 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) {
41242
+ var MemberItem = styled__default.li(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n max-width: 340px;\n height: 52px;\n font-size: 15px;\n padding: 0 16px;\n box-sizing: border-box;\n transition: all 0.2s;\n cursor: pointer;\n background-color: ", ";\n\n & ", " {\n width: 10px;\n height: 10px;\n }\n"])), function (props) {
41172
41243
  return props.isActiveItem && props.activeBackgroundColor;
41173
41244
  }, UserStatus);
41174
- var UserNamePresence$2 = styled__default.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
41175
- var MemberName$2 = styled__default.h3(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n margin: 0;\n max-width: calc(100% - 1px);\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"])), function (props) {
41245
+ var UserNamePresence$2 = styled__default.div(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
41246
+ var MemberName$2 = styled__default.h3(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n margin: 0;\n max-width: calc(100% - 1px);\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"])), function (props) {
41176
41247
  return props.color;
41177
41248
  });
41178
41249
 
@@ -42111,7 +42182,7 @@ function FormatMessagePlugin(_ref3) {
42111
42182
  return null;
42112
42183
  }
42113
42184
 
42114
- var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k;
42185
+ var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$p, _templateObject7$n, _templateObject8$k;
42115
42186
  var EmojiIcon$1 = function EmojiIcon(_ref) {
42116
42187
  var collectionName = _ref.collectionName;
42117
42188
  switch (collectionName) {
@@ -42337,7 +42408,7 @@ var EmojiCollection$1 = styled__default.span(_templateObject4$w || (_templateObj
42337
42408
  return props.iconColor;
42338
42409
  });
42339
42410
  var CollectionPointer$1 = styled__default.span(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose([""])));
42340
- var AllEmojis$1 = styled__default.ul(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
42411
+ var AllEmojis$1 = styled__default.ul(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
42341
42412
  var EmojiFooter$1 = styled__default.div(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n height: 42px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n border-top: ", ";\n border-bottom: ", ";\n padding: 0 10px;\n & > span {\n width: 100%;\n text-align: center;\n }\n"])), function (props) {
42342
42413
  return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
42343
42414
  }, function (props) {
@@ -42544,7 +42615,7 @@ function SvgRecordButton(props) {
42544
42615
  })));
42545
42616
  }
42546
42617
 
42547
- var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$o;
42618
+ var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$q, _templateObject7$o;
42548
42619
  var fieldsObject = {
42549
42620
  channelId: '',
42550
42621
  currentRecordedFile: null,
@@ -43186,7 +43257,7 @@ var AudioVisualization$1 = styled__default.div(_templateObject4$x || (_templateO
43186
43257
  var PlayPause$1 = styled__default.div(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n padding: 10px;\n > svg {\n color: ", ";\n }\n"])), function (props) {
43187
43258
  return props.iconColor;
43188
43259
  });
43189
- var Canvas = styled__default.canvas(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n height: 28px;\n width: ", ";\n max-width: calc(100% - 110px);\n position: absolute;\n opacity: ", ";\n z-index: ", ";\n left: 42px;\n"])), function (_ref8) {
43260
+ var Canvas = styled__default.canvas(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n height: 28px;\n width: ", ";\n max-width: calc(100% - 110px);\n position: absolute;\n opacity: ", ";\n z-index: ", ";\n left: 42px;\n"])), function (_ref8) {
43190
43261
  var recording = _ref8.recording;
43191
43262
  return recording ? '300px' : '0';
43192
43263
  }, function (_ref9) {
@@ -43251,7 +43322,7 @@ function SvgDotsVertica(props) {
43251
43322
  })));
43252
43323
  }
43253
43324
 
43254
- var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$i;
43325
+ var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$r, _templateObject7$p, _templateObject8$l, _templateObject9$i;
43255
43326
  var CreatePollPopup = function CreatePollPopup(_ref) {
43256
43327
  var togglePopup = _ref.togglePopup,
43257
43328
  onCreate = _ref.onCreate;
@@ -43650,7 +43721,7 @@ var OptionRow = styled__default.div(_templateObject5$t || (_templateObject5$t =
43650
43721
  }, function (props) {
43651
43722
  return props.isDragging ? 0.6 : 1;
43652
43723
  });
43653
- var RemoveOptionIcon = styled__default(SvgClose)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
43724
+ var RemoveOptionIcon = styled__default(SvgClose)(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
43654
43725
  return props.color;
43655
43726
  }, function (props) {
43656
43727
  return props.width;
@@ -43671,7 +43742,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
43671
43742
  return props.color;
43672
43743
  });
43673
43744
 
43674
- var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$r, _templateObject7$q, _templateObject8$m, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
43745
+ var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$s, _templateObject7$q, _templateObject8$m, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
43675
43746
  function AutoFocusPlugin(_ref) {
43676
43747
  var messageForReply = _ref.messageForReply;
43677
43748
  var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
@@ -45365,7 +45436,7 @@ var EditMessageText = styled__default.p(_templateObject4$z || (_templateObject4$
45365
45436
  var UploadErrorMessage = styled__default.p(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n margin: 0;\n position: absolute;\n top: -30px;\n color: ", ";\n"])), function (props) {
45366
45437
  return props.color;
45367
45438
  });
45368
- var CloseEditMode = styled__default.span(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 8px;\n right: 12px;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 22px;\n cursor: pointer;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
45439
+ var CloseEditMode = styled__default.span(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 8px;\n right: 12px;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 22px;\n cursor: pointer;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
45369
45440
  return props.color;
45370
45441
  });
45371
45442
  var UserName$1 = styled__default.span(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n margin-left: 4px;\n"])));
@@ -45839,7 +45910,7 @@ var StyledPopupName = styled__default(PopupName)(_templateObject$S || (_template
45839
45910
  var StyledPopupDescription = styled__default(PopupDescription)(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-style: normal;\n font-size: 15px;\n line-height: 150%;\n letter-spacing: 0%;\n margin-top: 0;\n margin-bottom: 0;\n width: 437px;\n height: 68px;\n opacity: 1;\n display: block;\n overflow-wrap: break-word;\n word-wrap: break-word;\n"])));
45840
45911
  var CloseButton = styled__default(Button)(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n width: 73px;\n height: 36px;\n min-width: 73px;\n max-width: 73px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
45841
45912
 
45842
- var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$s, _templateObject7$r, _templateObject8$n;
45913
+ var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$t, _templateObject7$r, _templateObject8$n;
45843
45914
  var TIMER_OPTIONS = [{
45844
45915
  key: 'off',
45845
45916
  label: 'Off'
@@ -46091,13 +46162,13 @@ var CustomSelectWrapper = styled__default.div(_templateObject4$A || (_templateOb
46091
46162
  return props.accentColor;
46092
46163
  });
46093
46164
  var CustomSelectTriggerStyled = styled__default(CustomSelectTrigger)(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n text-transform: none;\n"])));
46094
- var CustomDropdownOptionLi = styled__default(DropdownOptionLi)(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
46165
+ var CustomDropdownOptionLi = styled__default(DropdownOptionLi)(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
46095
46166
  var CustomDropdownOptionsUl = styled__default(DropdownOptionsUl)(_templateObject7$r || (_templateObject7$r = _taggedTemplateLiteralLoose(["\n border-color: ", ";\n height: 268px;\n max-height: 268px;\n border-radius: 0;\n\n ", " {\n padding-left: 24px;\n padding-right: 24px;\n }\n"])), function (props) {
46096
46167
  return props.accentColor;
46097
46168
  }, CustomDropdownOptionLi);
46098
46169
  var SetButton = styled__default(Button)(_templateObject8$n || (_templateObject8$n = _taggedTemplateLiteralLoose(["\n width: 57px;\n height: 36px;\n min-width: 57px;\n max-width: 57px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
46099
46170
 
46100
- var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$t, _templateObject7$s, _templateObject8$o;
46171
+ var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$u, _templateObject7$s, _templateObject8$o;
46101
46172
  var formatMemberCount = function formatMemberCount(count, channelType) {
46102
46173
  if (channelType === DEFAULT_CHANNEL_TYPE.BROADCAST || channelType === DEFAULT_CHANNEL_TYPE.PUBLIC) {
46103
46174
  return count + " " + (count > 1 ? 'subscribers' : 'subscriber');
@@ -46267,7 +46338,7 @@ var ChannelTitle$1 = styled__default.div(_templateObject4$B || (_templateObject4
46267
46338
  var ChannelMembers$1 = styled__default.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
46268
46339
  return props.color;
46269
46340
  });
46270
- var LoadingText$1 = styled__default.div(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
46341
+ var LoadingText$1 = styled__default.div(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
46271
46342
  return props.color;
46272
46343
  });
46273
46344
  var EmptyText = styled__default.div(_templateObject7$s || (_templateObject7$s = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 40px 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
@@ -46275,7 +46346,7 @@ var EmptyText = styled__default.div(_templateObject7$s || (_templateObject7$s =
46275
46346
  });
46276
46347
  var ChevronRightIconWrapper = styled__default.span(_templateObject8$o || (_templateObject8$o = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n & > svg {\n width: 16px;\n height: 16px;\n transform: rotate(-90deg);\n }\n"])));
46277
46348
 
46278
- var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$u, _templateObject7$t, _templateObject8$p, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
46349
+ var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$v, _templateObject7$t, _templateObject8$p, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
46279
46350
  var Actions = function Actions(_ref) {
46280
46351
  var _getDisappearingSetti;
46281
46352
  var setActionsHeight = _ref.setActionsHeight,
@@ -46809,7 +46880,7 @@ var MenuTriggerIcon = styled__default.span(_templateObject3$J || (_templateObjec
46809
46880
  });
46810
46881
  var ActionsMenu = styled__default.ul(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
46811
46882
  var DefaultMutedIcon = styled__default(SvgUnmuteNotifications)(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose([""])));
46812
- var DefaultMuteIcon = styled__default(SvgNotifications)(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose([""])));
46883
+ var DefaultMuteIcon = styled__default(SvgNotifications)(_templateObject6$v || (_templateObject6$v = _taggedTemplateLiteralLoose([""])));
46813
46884
  var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose([""])));
46814
46885
  var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose([""])));
46815
46886
  var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
@@ -46986,7 +47057,7 @@ function SvgDownloadFile(props) {
46986
47057
  })));
46987
47058
  }
46988
47059
 
46989
- var _templateObject$Y, _templateObject2$S, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$v, _templateObject7$u, _templateObject8$q;
47060
+ var _templateObject$Y, _templateObject2$S, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$w, _templateObject7$u, _templateObject8$q;
46990
47061
  var Files = function Files(_ref) {
46991
47062
  var channelId = _ref.channelId,
46992
47063
  filePreviewIcon = _ref.filePreviewIcon,
@@ -47127,7 +47198,7 @@ var FileHoverIconCont = styled__default.span(_templateObject5$y || (_templateObj
47127
47198
  }, function (props) {
47128
47199
  return props.fillColor;
47129
47200
  });
47130
- var FileThumb = styled__default.img(_templateObject6$v || (_templateObject6$v = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n object-fit: cover;\n"])));
47201
+ var FileThumb = styled__default.img(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n object-fit: cover;\n"])));
47131
47202
  var FileItem = styled__default.div(_templateObject7$u || (_templateObject7$u = _taggedTemplateLiteralLoose(["\n position: relative;\n padding: 11px 16px;\n display: flex;\n align-items: center;\n font-size: 15px;\n transition: all 0.2s;\n div {\n margin-left: 7px;\n width: calc(100% - 48px);\n }\n &:hover {\n background-color: ", ";\n ", " {\n visibility: visible;\n }\n & ", " {\n display: none;\n }\n & ", " {\n display: inline-flex;\n }\n }\n /*&.isHover {\n\n }*/\n"])), function (props) {
47132
47203
  return props.hoverBackgroundColor;
47133
47204
  }, DownloadWrapper, FileIconCont, FileHoverIconCont);
@@ -47306,7 +47377,7 @@ function SvgVoicePreviewPause(props) {
47306
47377
  })));
47307
47378
  }
47308
47379
 
47309
- var _templateObject$$, _templateObject2$U, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$w, _templateObject7$v, _templateObject8$r;
47380
+ var _templateObject$$, _templateObject2$U, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$x, _templateObject7$v, _templateObject8$r;
47310
47381
  var VoiceItem = function VoiceItem(_ref) {
47311
47382
  var file = _ref.file,
47312
47383
  voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
@@ -47448,7 +47519,7 @@ var AudioInfo = styled__default.div(_templateObject4$F || (_templateObject4$F =
47448
47519
  var AudioTitle = styled__default.span(_templateObject5$A || (_templateObject5$A = _taggedTemplateLiteralLoose(["\n display: block;\n font-style: normal;\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n color: ", ";\n"])), function (props) {
47449
47520
  return props.color;
47450
47521
  });
47451
- var AudioDate = styled__default.span(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
47522
+ var AudioDate = styled__default.span(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
47452
47523
  return props.color;
47453
47524
  });
47454
47525
  var AudioSendTime = styled__default.span(_templateObject7$v || (_templateObject7$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 11px;\n color: ", ";\n font-size: 12px;\n line-height: 16px;\n"])), function (props) {
@@ -47699,7 +47770,7 @@ function ResetLinkConfirmModal(_ref) {
47699
47770
  });
47700
47771
  }
47701
47772
 
47702
- var _templateObject$12, _templateObject2$W, _templateObject3$O, _templateObject4$G, _templateObject5$B, _templateObject6$x, _templateObject7$w, _templateObject8$s, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
47773
+ var _templateObject$12, _templateObject2$W, _templateObject3$O, _templateObject4$G, _templateObject5$B, _templateObject6$y, _templateObject7$w, _templateObject8$s, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
47703
47774
  function InviteLinkModal(_ref) {
47704
47775
  var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
47705
47776
  var onClose = _ref.onClose,
@@ -48202,7 +48273,7 @@ var Description = styled__default.p(_templateObject4$G || (_templateObject4$G =
48202
48273
  var FieldLabel = styled__default.span(_templateObject5$B || (_templateObject5$B = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
48203
48274
  return p.color;
48204
48275
  });
48205
- var LinkField = styled__default.div(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border: 1px solid ", ";\n border-radius: 8px;\n margin-top: 8px;\n padding-left: 12px;\n background-color: ", ";\n"])), function (p) {
48276
+ var LinkField = styled__default.div(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border: 1px solid ", ";\n border-radius: 8px;\n margin-top: 8px;\n padding-left: 12px;\n background-color: ", ";\n"])), function (p) {
48206
48277
  return p.borderColor;
48207
48278
  }, function (p) {
48208
48279
  return p.backgroundColor;
@@ -48231,7 +48302,7 @@ var QrHint = styled__default.p(_templateObject13$5 || (_templateObject13$5 = _ta
48231
48302
  return p.color;
48232
48303
  });
48233
48304
 
48234
- var _templateObject$13, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$y, _templateObject7$x, _templateObject8$t, _templateObject9$m;
48305
+ var _templateObject$13, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$z, _templateObject7$x, _templateObject8$t, _templateObject9$m;
48235
48306
  var Members = function Members(_ref) {
48236
48307
  var _members$find;
48237
48308
  var channel = _ref.channel,
@@ -48558,7 +48629,7 @@ var MemberNameWrapper = styled__default.div(_templateObject4$H || (_templateObje
48558
48629
  var MemberName$3 = styled__default.h4(_templateObject5$C || (_templateObject5$C = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-weight: 400;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: ", ";\n"])), function (props) {
48559
48630
  return props.color;
48560
48631
  });
48561
- var EditMemberIcon = styled__default.span(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n margin-left: auto;\n cursor: pointer;\n padding: 15px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s;\n\n & svg {\n color: ", ";\n }\n"])), function (props) {
48632
+ var EditMemberIcon = styled__default.span(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n margin-left: auto;\n cursor: pointer;\n padding: 15px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s;\n\n & svg {\n color: ", ";\n }\n"])), function (props) {
48562
48633
  return props.color;
48563
48634
  });
48564
48635
  var MembersList = styled__default.ul(_templateObject7$x || (_templateObject7$x = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
@@ -49019,7 +49090,7 @@ var EditChannel = function EditChannel(_ref) {
49019
49090
  })));
49020
49091
  };
49021
49092
 
49022
- var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$z, _templateObject7$y, _templateObject8$u, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
49093
+ var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$A, _templateObject7$y, _templateObject8$u, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
49023
49094
  var Details = function Details(_ref) {
49024
49095
  var _activeChannel$member;
49025
49096
  var detailsTitleText = _ref.detailsTitleText,
@@ -49495,7 +49566,7 @@ var AboutChannel = styled__default.div(_templateObject4$J || (_templateObject4$J
49495
49566
  var AboutChannelTitle = styled__default.h4(_templateObject5$D || (_templateObject5$D = _taggedTemplateLiteralLoose(["\n font-size: 12px;\n margin: 0;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
49496
49567
  return props.color;
49497
49568
  });
49498
- var AboutChannelText = styled__default.h3(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n margin: 0;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
49569
+ var AboutChannelText = styled__default.h3(_templateObject6$A || (_templateObject6$A = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n margin: 0;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
49499
49570
  return props.color;
49500
49571
  });
49501
49572
  var ChannelInfo$5 = styled__default.div(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose(["\n position: relative;\n margin-left: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (props) {
package/index.modern.js CHANGED
@@ -17867,6 +17867,7 @@ function switchChannel(action) {
17867
17867
  _context10.n = 11;
17868
17868
  return put(setUnreadScrollToAC(true));
17869
17869
  case 11:
17870
+ removeAllMessages();
17870
17871
  _context10.n = 12;
17871
17872
  return call(setActiveChannelId, channel && channel.id);
17872
17873
  case 12:
@@ -36165,7 +36166,8 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36165
36166
  background = _useColor[THEME_COLORS.BACKGROUND],
36166
36167
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
36167
36168
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
36168
- surface1 = _useColor[THEME_COLORS.SURFACE_1];
36169
+ surface1 = _useColor[THEME_COLORS.SURFACE_1],
36170
+ surface2 = _useColor[THEME_COLORS.SURFACE_2];
36169
36171
  var contactsMap = useSelector(contactsMapSelector);
36170
36172
  var getFromContacts = getShowOnlyContactUsers();
36171
36173
  var user = getClient().user;
@@ -36179,6 +36181,9 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36179
36181
  var isLoading = pollVotesLoadingState[key] === LOADING_STATE.LOADING;
36180
36182
  var totalVotes = ((_poll$voteDetails = poll.voteDetails) === null || _poll$voteDetails === void 0 ? void 0 : (_poll$voteDetails$vot = _poll$voteDetails.votesPerOption) === null || _poll$voteDetails$vot === void 0 ? void 0 : _poll$voteDetails$vot[optionId]) || 0;
36181
36183
  var isLoadingInitial = allVotes.length === 0 && (isLoading || totalVotes > 0);
36184
+ var _useState = useState(false),
36185
+ isScrolling = _useState[0],
36186
+ setIsScrolling = _useState[1];
36182
36187
  useEffect(function () {
36183
36188
  if (allVotes.length === 0 && totalVotes > 0 && !isLoading) {
36184
36189
  dispatch(getPollVotesAC(messageId, poll.id, optionId, POLL_VOTES_LIMIT));
@@ -36233,7 +36238,15 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36233
36238
  }, totalVotes, " votes"), isLoadingInitial ? (/*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(Loader, {
36234
36239
  color: textSecondary
36235
36240
  }))) : (/*#__PURE__*/React__default.createElement(VotesList, {
36236
- onScroll: handleScroll
36241
+ thumbColor: surface2,
36242
+ onScroll: handleScroll,
36243
+ className: isScrolling ? 'show-scrollbar' : '',
36244
+ onMouseEnter: function onMouseEnter() {
36245
+ return setIsScrolling(true);
36246
+ },
36247
+ onMouseLeave: function onMouseLeave() {
36248
+ return setIsScrolling(false);
36249
+ }
36237
36250
  }, [].concat(ownVote ? [ownVote] : [], allVotes).map(function (vote) {
36238
36251
  var _vote$user, _vote$user2, _vote$user2$profile, _vote$user3, _vote$user3$profile, _vote$user4, _vote$user4$profile, _vote$user5, _vote$user5$presence, _vote$user6, _vote$user6$presence, _vote$user7, _vote$user7$presence, _vote$user8;
36239
36252
  var contact = contactsMap[vote.user.id];
@@ -36266,7 +36279,9 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
36266
36279
  color: textSecondary
36267
36280
  }, "Loading...")))))));
36268
36281
  };
36269
- var VotesList = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n overflow-y: auto;\n max-height: 500px;\n padding: 8px 0;\n"])));
36282
+ var VotesList = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n max-height: 500px;\n padding: 8px 0;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: 14px;\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) {
36283
+ return props.thumbColor;
36284
+ });
36270
36285
  var VoterRow = styled.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 6px 0;\n"])));
36271
36286
  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"])));
36272
36287
  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) {
@@ -36282,7 +36297,7 @@ var TitleWrapper = styled.div(_templateObject7$f || (_templateObject7$f = _tagge
36282
36297
  var BackButton = styled.button(_templateObject8$d || (_templateObject8$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 13px;\n top: 13px;\n padding: 9px;\n cursor: pointer;\n box-sizing: content-box;\n background: transparent;\n border: none;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n flex-shrink: 0;\n\n & > svg {\n width: 24px;\n height: 24px;\n }\n\n &:hover {\n opacity: 0.7;\n }\n"])), function (p) {
36283
36298
  return p.color;
36284
36299
  });
36285
- var VotesContainer = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n padding: 0 16px 8px 16px;\n border-radius: 10px;\n background-color: ", ";\n margin-top: 16px;\n"])), function (p) {
36300
+ var VotesContainer = styled.div(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n padding: 0 2px 8px 16px;\n border-radius: 10px;\n background-color: ", ";\n margin-top: 16px;\n"])), function (p) {
36286
36301
  return p.backgroundColor;
36287
36302
  });
36288
36303
  var VotesCount = styled.div(_templateObject0$a || (_templateObject0$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: -0.4px;\n padding: 12px 0;\n"])), function (p) {
@@ -36311,10 +36326,14 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
36311
36326
  var _useColor = useColors(),
36312
36327
  background = _useColor[THEME_COLORS.BACKGROUND],
36313
36328
  surface1 = _useColor[THEME_COLORS.SURFACE_1],
36329
+ surface2 = _useColor[THEME_COLORS.SURFACE_2],
36314
36330
  textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
36315
36331
  textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
36316
36332
  border = _useColor[THEME_COLORS.BORDER],
36317
36333
  accent = _useColor[THEME_COLORS.ACCENT];
36334
+ var _useState2 = useState(false),
36335
+ isScrolling = _useState2[0],
36336
+ setIsScrolling = _useState2[1];
36318
36337
  var optionIdToVotes = useMemo(function () {
36319
36338
  var votes = {};
36320
36339
  poll.options.forEach(function (opt) {
@@ -36363,7 +36382,16 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
36363
36382
  background: surface1
36364
36383
  }, /*#__PURE__*/React__default.createElement(Question, {
36365
36384
  color: textPrimary
36366
- }, poll.name)), /*#__PURE__*/React__default.createElement(OptionsList, null, poll.options.map(function (opt) {
36385
+ }, poll.name)), /*#__PURE__*/React__default.createElement(OptionsList, {
36386
+ thumbColor: surface2,
36387
+ className: isScrolling ? 'show-scrollbar' : '',
36388
+ onMouseEnter: function onMouseEnter() {
36389
+ return setIsScrolling(true);
36390
+ },
36391
+ onMouseLeave: function onMouseLeave() {
36392
+ return setIsScrolling(false);
36393
+ }
36394
+ }, poll.options.map(function (opt) {
36367
36395
  var _poll$voteDetails5, _poll$voteDetails5$vo;
36368
36396
  var allVotes = optionIdToVotes[opt.id] || [];
36369
36397
  var totalVotes = ((_poll$voteDetails5 = poll.voteDetails) === null || _poll$voteDetails5 === void 0 ? void 0 : (_poll$voteDetails5$vo = _poll$voteDetails5.votesPerOption) === null || _poll$voteDetails5$vo === void 0 ? void 0 : _poll$voteDetails5$vo[opt.id]) || 0;
@@ -36423,7 +36451,9 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
36423
36451
  })) === null || _poll$options$find === void 0 ? void 0 : _poll$options$find.name) || ''
36424
36452
  })));
36425
36453
  };
36426
- var OptionsList = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n overflow-y: auto;\n max-height: 504px;\n border-radius: 10px;\n"])));
36454
+ var OptionsList = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n max-height: 504px;\n border-radius: 10px;\n overflow-y: auto;\n overflow-x: hidden;\n width: calc(100% + 20px);\n padding-right: 14px;\n box-sizing: border-box;\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) {
36455
+ return props.thumbColor;
36456
+ });
36427
36457
  var OptionBlock = styled.div(_templateObject2$z || (_templateObject2$z = _taggedTemplateLiteralLoose(["\n background: ", ";\n border-radius: 10px;\n border: 1px solid ", "0F; /* subtle */\n padding: 14px 16px 0 16px;\n"])), function (p) {
36428
36458
  return p.background;
36429
36459
  }, function (p) {
@@ -40851,7 +40881,7 @@ function $isMentionNode(node) {
40851
40881
  return node instanceof MentionNode;
40852
40882
  }
40853
40883
 
40854
- var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q;
40884
+ var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$o;
40855
40885
  var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
40856
40886
  var NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';
40857
40887
  var DocumentMentionsRegex = {
@@ -40994,7 +41024,8 @@ function MentionsContainer(_ref2) {
40994
41024
  var theme = useSelector(themeSelector);
40995
41025
  var _useColor2 = useColors(),
40996
41026
  borderColor = _useColor2[THEME_COLORS.BORDER],
40997
- background = _useColor2[THEME_COLORS.BACKGROUND];
41027
+ background = _useColor2[THEME_COLORS.BACKGROUND],
41028
+ scrollbarThumbColor = _useColor2[THEME_COLORS.SURFACE_1];
40998
41029
  var dispatch = useDispatch();
40999
41030
  var channelsMembersHasNext = useSelector(channelsMembersHasNextMapSelector, shallowEqual);
41000
41031
  var channelsMembersLoadingState = useSelector(channelsMembersLoadingStateSelector, shallowEqual);
@@ -41005,6 +41036,9 @@ function MentionsContainer(_ref2) {
41005
41036
  return channelsMembersHasNext === null || channelsMembersHasNext === void 0 ? void 0 : channelsMembersHasNext[channelId];
41006
41037
  }, [channelsMembersHasNext === null || channelsMembersHasNext === void 0 ? void 0 : channelsMembersHasNext[channelId]]);
41007
41038
  var mentionsListRef = useRef(null);
41039
+ var _useState2 = useState(false),
41040
+ alignRight = _useState2[0],
41041
+ setAlignRight = _useState2[1];
41008
41042
  var contRef = useRef();
41009
41043
  var handleKeyDown = function handleKeyDown(event) {
41010
41044
  var code = event.code;
@@ -41057,15 +41091,39 @@ function MentionsContainer(_ref2) {
41057
41091
  dispatch(loadMoreMembersAC(15, channelId));
41058
41092
  }
41059
41093
  }, [options === null || options === void 0 ? void 0 : options.length, membersHasNext, membersLoadingState, channelId, dispatch]);
41094
+ useEffect(function () {
41095
+ var checkOverflow = function checkOverflow() {
41096
+ if (mentionsListRef.current && contRef.current) {
41097
+ var containerElement = contRef.current;
41098
+ var containerRect = containerElement.getBoundingClientRect();
41099
+ var listWidth = 340;
41100
+ var leftOffset = -60;
41101
+ var rightEdge = containerRect.left + leftOffset + listWidth;
41102
+ if (rightEdge > window.innerWidth) {
41103
+ setAlignRight(true);
41104
+ } else {
41105
+ setAlignRight(false);
41106
+ }
41107
+ }
41108
+ };
41109
+ var timeoutId = setTimeout(checkOverflow, 0);
41110
+ window.addEventListener('resize', checkOverflow);
41111
+ return function () {
41112
+ clearTimeout(timeoutId);
41113
+ window.removeEventListener('resize', checkOverflow);
41114
+ };
41115
+ }, [options === null || options === void 0 ? void 0 : options.length]);
41060
41116
  return /*#__PURE__*/React__default.createElement(MentionsContainerWrapper, {
41061
41117
  className: 'typeahead-popover mentions-menu',
41062
41118
  ref: contRef
41063
41119
  }, /*#__PURE__*/React__default.createElement(MentionsList, {
41064
- ref: mentionsListRef,
41065
- borderColor: borderColor,
41066
41120
  backgroundColor: background,
41121
+ scrollbarThumbColor: scrollbarThumbColor,
41067
41122
  theme: theme,
41068
- onScroll: handleScroll
41123
+ ref: mentionsListRef,
41124
+ borderColor: borderColor,
41125
+ onScroll: handleScroll,
41126
+ alignRight: alignRight
41069
41127
  }, options.map(function (option, i) {
41070
41128
  return /*#__PURE__*/React__default.createElement(MentionsTypeaheadMenuItem, {
41071
41129
  index: i,
@@ -41080,7 +41138,9 @@ function MentionsContainer(_ref2) {
41080
41138
  key: option.id,
41081
41139
  option: option
41082
41140
  });
41083
- })));
41141
+ })), /*#__PURE__*/React__default.createElement(Handle, {
41142
+ backgroundColor: background
41143
+ }));
41084
41144
  }
41085
41145
  function MentionsPlugin(_ref3) {
41086
41146
  var contactsMap = _ref3.contactsMap,
@@ -41092,9 +41152,9 @@ function MentionsPlugin(_ref3) {
41092
41152
  channelId = _ref3.channelId;
41093
41153
  var _useLexicalComposerCo = useLexicalComposerContext(),
41094
41154
  editor = _useLexicalComposerCo[0];
41095
- var _useState2 = useState(null),
41096
- queryString = _useState2[0],
41097
- setQueryString = _useState2[1];
41155
+ var _useState3 = useState(null),
41156
+ queryString = _useState3[0],
41157
+ setQueryString = _useState3[1];
41098
41158
  var results = useMentionLookupService(queryString, contactsMap, userId, members, getFromContacts);
41099
41159
  var checkForSlashTriggerMatch = useBasicTypeaheadTriggerMatch('/', {
41100
41160
  minLength: 0
@@ -41158,7 +41218,11 @@ function MentionsPlugin(_ref3) {
41158
41218
  });
41159
41219
  }
41160
41220
  var MentionsContainerWrapper = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n position: relative;\n animation: fadeIn 0.2s ease-in-out;\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n"])));
41161
- var MentionsList = styled.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 5px;\n width: 300px;\n transition: all 0.2s;\n overflow: auto;\n max-height: 240px;\n z-index: 200;\n padding: 2px 0 0;\n background: ", ";\n border: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n border-radius: 6px;\n visibility: ", ";\n"])), function (props) {
41221
+ var MentionsList = styled.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 47px;\n width: 340px;\n max-height: 268px;\n transition: all 0.2s;\n overflow-x: hidden;\n overflow-y: auto;\n left: ", ";\n right: ", ";\n z-index: 200;\n padding: 0;\n margin: 0;\n background: ", ";\n border: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n border-radius: 6px;\n visibility: ", ";\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 6px;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background: ", ";\n }\n"])), function (props) {
41222
+ return props.alignRight ? 'auto' : '-60px';
41223
+ }, function (props) {
41224
+ return props.alignRight ? '-60px' : 'auto';
41225
+ }, function (props) {
41162
41226
  return props.backgroundColor;
41163
41227
  }, function (props) {
41164
41228
  return props.withBorder && "1px solid " + props.borderColor;
@@ -41166,12 +41230,19 @@ var MentionsList = styled.ul(_templateObject2$G || (_templateObject2$G = _tagged
41166
41230
  return props.theme === THEME.DARK ? '0 0 12px rgba(0, 0, 0, 0.5)' : '0 0 12px rgba(0, 0, 0, 0.08)';
41167
41231
  }, function (props) {
41168
41232
  return props.hidden ? 'hidden' : 'visible';
41233
+ }, function (props) {
41234
+ return props.scrollbarThumbColor;
41235
+ }, function (props) {
41236
+ return props.scrollbarThumbColor;
41237
+ });
41238
+ var Handle = styled.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 39px;\n left: 50%;\n transform: translateX(-50%);\n width: 20px;\n height: 8px;\n background: ", ";\n z-index: 201;\n clip-path: polygon(0% 0%, 100% 0%, 50% 100%);\n"])), function (props) {
41239
+ return props.backgroundColor;
41169
41240
  });
41170
- 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) {
41241
+ var MemberItem = styled.li(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n max-width: 340px;\n height: 52px;\n font-size: 15px;\n padding: 0 16px;\n box-sizing: border-box;\n transition: all 0.2s;\n cursor: pointer;\n background-color: ", ";\n\n & ", " {\n width: 10px;\n height: 10px;\n }\n"])), function (props) {
41171
41242
  return props.isActiveItem && props.activeBackgroundColor;
41172
41243
  }, UserStatus);
41173
- var UserNamePresence$2 = styled.div(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
41174
- var MemberName$2 = styled.h3(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n margin: 0;\n max-width: calc(100% - 1px);\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"])), function (props) {
41244
+ var UserNamePresence$2 = styled.div(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n width: calc(100% - 44px);\n margin-left: 12px;\n"])));
41245
+ var MemberName$2 = styled.h3(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n margin: 0;\n max-width: calc(100% - 1px);\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"])), function (props) {
41175
41246
  return props.color;
41176
41247
  });
41177
41248
 
@@ -42110,7 +42181,7 @@ function FormatMessagePlugin(_ref3) {
42110
42181
  return null;
42111
42182
  }
42112
42183
 
42113
- var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k;
42184
+ var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$p, _templateObject7$n, _templateObject8$k;
42114
42185
  var EmojiIcon$1 = function EmojiIcon(_ref) {
42115
42186
  var collectionName = _ref.collectionName;
42116
42187
  switch (collectionName) {
@@ -42336,7 +42407,7 @@ var EmojiCollection$1 = styled.span(_templateObject4$w || (_templateObject4$w =
42336
42407
  return props.iconColor;
42337
42408
  });
42338
42409
  var CollectionPointer$1 = styled.span(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose([""])));
42339
- var AllEmojis$1 = styled.ul(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
42410
+ var AllEmojis$1 = styled.ul(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
42340
42411
  var EmojiFooter$1 = styled.div(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n height: 42px;\n display: flex;\n justify-content: space-around;\n align-items: center;\n border-top: ", ";\n border-bottom: ", ";\n padding: 0 10px;\n & > span {\n width: 100%;\n text-align: center;\n }\n"])), function (props) {
42341
42412
  return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
42342
42413
  }, function (props) {
@@ -42543,7 +42614,7 @@ function SvgRecordButton(props) {
42543
42614
  })));
42544
42615
  }
42545
42616
 
42546
- var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$p, _templateObject7$o;
42617
+ var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$q, _templateObject7$o;
42547
42618
  var fieldsObject = {
42548
42619
  channelId: '',
42549
42620
  currentRecordedFile: null,
@@ -43185,7 +43256,7 @@ var AudioVisualization$1 = styled.div(_templateObject4$x || (_templateObject4$x
43185
43256
  var PlayPause$1 = styled.div(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n padding: 10px;\n > svg {\n color: ", ";\n }\n"])), function (props) {
43186
43257
  return props.iconColor;
43187
43258
  });
43188
- var Canvas = styled.canvas(_templateObject6$p || (_templateObject6$p = _taggedTemplateLiteralLoose(["\n height: 28px;\n width: ", ";\n max-width: calc(100% - 110px);\n position: absolute;\n opacity: ", ";\n z-index: ", ";\n left: 42px;\n"])), function (_ref8) {
43259
+ var Canvas = styled.canvas(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n height: 28px;\n width: ", ";\n max-width: calc(100% - 110px);\n position: absolute;\n opacity: ", ";\n z-index: ", ";\n left: 42px;\n"])), function (_ref8) {
43189
43260
  var recording = _ref8.recording;
43190
43261
  return recording ? '300px' : '0';
43191
43262
  }, function (_ref9) {
@@ -43250,7 +43321,7 @@ function SvgDotsVertica(props) {
43250
43321
  })));
43251
43322
  }
43252
43323
 
43253
- var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$l, _templateObject9$i;
43324
+ var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$r, _templateObject7$p, _templateObject8$l, _templateObject9$i;
43254
43325
  var CreatePollPopup = function CreatePollPopup(_ref) {
43255
43326
  var togglePopup = _ref.togglePopup,
43256
43327
  onCreate = _ref.onCreate;
@@ -43649,7 +43720,7 @@ var OptionRow = styled.div(_templateObject5$t || (_templateObject5$t = _taggedTe
43649
43720
  }, function (props) {
43650
43721
  return props.isDragging ? 0.6 : 1;
43651
43722
  });
43652
- var RemoveOptionIcon = styled(SvgClose)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
43723
+ var RemoveOptionIcon = styled(SvgClose)(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n color: ", ";\n width: ", ";\n height: ", ";\n opacity: ", ";\n"])), function (props) {
43653
43724
  return props.color;
43654
43725
  }, function (props) {
43655
43726
  return props.width;
@@ -43670,7 +43741,7 @@ var SettingItem = styled.div(_templateObject9$i || (_templateObject9$i = _tagged
43670
43741
  return props.color;
43671
43742
  });
43672
43743
 
43673
- var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$r, _templateObject7$q, _templateObject8$m, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
43744
+ var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$s, _templateObject7$q, _templateObject8$m, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
43674
43745
  function AutoFocusPlugin(_ref) {
43675
43746
  var messageForReply = _ref.messageForReply;
43676
43747
  var _useLexicalComposerCo = useLexicalComposerContext(),
@@ -45364,7 +45435,7 @@ var EditMessageText = styled.p(_templateObject4$z || (_templateObject4$z = _tagg
45364
45435
  var UploadErrorMessage = styled.p(_templateObject5$u || (_templateObject5$u = _taggedTemplateLiteralLoose(["\n margin: 0;\n position: absolute;\n top: -30px;\n color: ", ";\n"])), function (props) {
45365
45436
  return props.color;
45366
45437
  });
45367
- var CloseEditMode = styled.span(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 8px;\n right: 12px;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 22px;\n cursor: pointer;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
45438
+ var CloseEditMode = styled.span(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 8px;\n right: 12px;\n width: 20px;\n height: 20px;\n text-align: center;\n line-height: 22px;\n cursor: pointer;\n\n & > svg {\n color: ", ";\n }\n"])), function (props) {
45368
45439
  return props.color;
45369
45440
  });
45370
45441
  var UserName$1 = styled.span(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n margin-left: 4px;\n"])));
@@ -45838,7 +45909,7 @@ var StyledPopupName = styled(PopupName)(_templateObject$S || (_templateObject$S
45838
45909
  var StyledPopupDescription = styled(PopupDescription)(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-style: normal;\n font-size: 15px;\n line-height: 150%;\n letter-spacing: 0%;\n margin-top: 0;\n margin-bottom: 0;\n width: 437px;\n height: 68px;\n opacity: 1;\n display: block;\n overflow-wrap: break-word;\n word-wrap: break-word;\n"])));
45839
45910
  var CloseButton = styled(Button)(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n width: 73px;\n height: 36px;\n min-width: 73px;\n max-width: 73px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
45840
45911
 
45841
- var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$s, _templateObject7$r, _templateObject8$n;
45912
+ var _templateObject$T, _templateObject2$O, _templateObject3$H, _templateObject4$A, _templateObject5$v, _templateObject6$t, _templateObject7$r, _templateObject8$n;
45842
45913
  var TIMER_OPTIONS = [{
45843
45914
  key: 'off',
45844
45915
  label: 'Off'
@@ -46090,13 +46161,13 @@ var CustomSelectWrapper = styled.div(_templateObject4$A || (_templateObject4$A =
46090
46161
  return props.accentColor;
46091
46162
  });
46092
46163
  var CustomSelectTriggerStyled = styled(CustomSelectTrigger)(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n text-transform: none;\n"])));
46093
- var CustomDropdownOptionLi = styled(DropdownOptionLi)(_templateObject6$s || (_templateObject6$s = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
46164
+ var CustomDropdownOptionLi = styled(DropdownOptionLi)(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n"])));
46094
46165
  var CustomDropdownOptionsUl = styled(DropdownOptionsUl)(_templateObject7$r || (_templateObject7$r = _taggedTemplateLiteralLoose(["\n border-color: ", ";\n height: 268px;\n max-height: 268px;\n border-radius: 0;\n\n ", " {\n padding-left: 24px;\n padding-right: 24px;\n }\n"])), function (props) {
46095
46166
  return props.accentColor;
46096
46167
  }, CustomDropdownOptionLi);
46097
46168
  var SetButton = styled(Button)(_templateObject8$n || (_templateObject8$n = _taggedTemplateLiteralLoose(["\n width: 57px;\n height: 36px;\n min-width: 57px;\n max-width: 57px;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
46098
46169
 
46099
- var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$t, _templateObject7$s, _templateObject8$o;
46170
+ var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$u, _templateObject7$s, _templateObject8$o;
46100
46171
  var formatMemberCount = function formatMemberCount(count, channelType) {
46101
46172
  if (channelType === DEFAULT_CHANNEL_TYPE.BROADCAST || channelType === DEFAULT_CHANNEL_TYPE.PUBLIC) {
46102
46173
  return count + " " + (count > 1 ? 'subscribers' : 'subscriber');
@@ -46266,7 +46337,7 @@ var ChannelTitle$1 = styled.div(_templateObject4$B || (_templateObject4$B = _tag
46266
46337
  var ChannelMembers$1 = styled.div(_templateObject5$w || (_templateObject5$w = _taggedTemplateLiteralLoose(["\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
46267
46338
  return props.color;
46268
46339
  });
46269
- var LoadingText$1 = styled.div(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
46340
+ var LoadingText$1 = styled.div(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
46270
46341
  return props.color;
46271
46342
  });
46272
46343
  var EmptyText = styled.div(_templateObject7$s || (_templateObject7$s = _taggedTemplateLiteralLoose(["\n text-align: center;\n padding: 40px 20px;\n font-size: 14px;\n color: ", ";\n"])), function (props) {
@@ -46274,7 +46345,7 @@ var EmptyText = styled.div(_templateObject7$s || (_templateObject7$s = _taggedTe
46274
46345
  });
46275
46346
  var ChevronRightIconWrapper = styled.span(_templateObject8$o || (_templateObject8$o = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n & > svg {\n width: 16px;\n height: 16px;\n transform: rotate(-90deg);\n }\n"])));
46276
46347
 
46277
- var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$u, _templateObject7$t, _templateObject8$p, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
46348
+ var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$v, _templateObject7$t, _templateObject8$p, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
46278
46349
  var Actions = function Actions(_ref) {
46279
46350
  var _getDisappearingSetti;
46280
46351
  var setActionsHeight = _ref.setActionsHeight,
@@ -46808,7 +46879,7 @@ var MenuTriggerIcon = styled.span(_templateObject3$J || (_templateObject3$J = _t
46808
46879
  });
46809
46880
  var ActionsMenu = styled.ul(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
46810
46881
  var DefaultMutedIcon = styled(SvgUnmuteNotifications)(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose([""])));
46811
- var DefaultMuteIcon = styled(SvgNotifications)(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose([""])));
46882
+ var DefaultMuteIcon = styled(SvgNotifications)(_templateObject6$v || (_templateObject6$v = _taggedTemplateLiteralLoose([""])));
46812
46883
  var DefaultStarIcon = styled(SvgStar)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose([""])));
46813
46884
  var DefaultUnpinIcon = styled(SvgUnpin)(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose([""])));
46814
46885
  var DefaultPinIcon = styled(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
@@ -46985,7 +47056,7 @@ function SvgDownloadFile(props) {
46985
47056
  })));
46986
47057
  }
46987
47058
 
46988
- var _templateObject$Y, _templateObject2$S, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$v, _templateObject7$u, _templateObject8$q;
47059
+ var _templateObject$Y, _templateObject2$S, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$w, _templateObject7$u, _templateObject8$q;
46989
47060
  var Files = function Files(_ref) {
46990
47061
  var channelId = _ref.channelId,
46991
47062
  filePreviewIcon = _ref.filePreviewIcon,
@@ -47126,7 +47197,7 @@ var FileHoverIconCont = styled.span(_templateObject5$y || (_templateObject5$y =
47126
47197
  }, function (props) {
47127
47198
  return props.fillColor;
47128
47199
  });
47129
- var FileThumb = styled.img(_templateObject6$v || (_templateObject6$v = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n object-fit: cover;\n"])));
47200
+ var FileThumb = styled.img(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n object-fit: cover;\n"])));
47130
47201
  var FileItem = styled.div(_templateObject7$u || (_templateObject7$u = _taggedTemplateLiteralLoose(["\n position: relative;\n padding: 11px 16px;\n display: flex;\n align-items: center;\n font-size: 15px;\n transition: all 0.2s;\n div {\n margin-left: 7px;\n width: calc(100% - 48px);\n }\n &:hover {\n background-color: ", ";\n ", " {\n visibility: visible;\n }\n & ", " {\n display: none;\n }\n & ", " {\n display: inline-flex;\n }\n }\n /*&.isHover {\n\n }*/\n"])), function (props) {
47131
47202
  return props.hoverBackgroundColor;
47132
47203
  }, DownloadWrapper, FileIconCont, FileHoverIconCont);
@@ -47305,7 +47376,7 @@ function SvgVoicePreviewPause(props) {
47305
47376
  })));
47306
47377
  }
47307
47378
 
47308
- var _templateObject$$, _templateObject2$U, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$w, _templateObject7$v, _templateObject8$r;
47379
+ var _templateObject$$, _templateObject2$U, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$x, _templateObject7$v, _templateObject8$r;
47309
47380
  var VoiceItem = function VoiceItem(_ref) {
47310
47381
  var file = _ref.file,
47311
47382
  voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
@@ -47447,7 +47518,7 @@ var AudioInfo = styled.div(_templateObject4$F || (_templateObject4$F = _taggedTe
47447
47518
  var AudioTitle = styled.span(_templateObject5$A || (_templateObject5$A = _taggedTemplateLiteralLoose(["\n display: block;\n font-style: normal;\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n color: ", ";\n"])), function (props) {
47448
47519
  return props.color;
47449
47520
  });
47450
- var AudioDate = styled.span(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
47521
+ var AudioDate = styled.span(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n display: block;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: calc(100% - 72px);\n font-style: normal;\n font-weight: normal;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
47451
47522
  return props.color;
47452
47523
  });
47453
47524
  var AudioSendTime = styled.span(_templateObject7$v || (_templateObject7$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 11px;\n color: ", ";\n font-size: 12px;\n line-height: 16px;\n"])), function (props) {
@@ -47698,7 +47769,7 @@ function ResetLinkConfirmModal(_ref) {
47698
47769
  });
47699
47770
  }
47700
47771
 
47701
- var _templateObject$12, _templateObject2$W, _templateObject3$O, _templateObject4$G, _templateObject5$B, _templateObject6$x, _templateObject7$w, _templateObject8$s, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
47772
+ var _templateObject$12, _templateObject2$W, _templateObject3$O, _templateObject4$G, _templateObject5$B, _templateObject6$y, _templateObject7$w, _templateObject8$s, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
47702
47773
  function InviteLinkModal(_ref) {
47703
47774
  var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
47704
47775
  var onClose = _ref.onClose,
@@ -48201,7 +48272,7 @@ var Description = styled.p(_templateObject4$G || (_templateObject4$G = _taggedTe
48201
48272
  var FieldLabel = styled.span(_templateObject5$B || (_templateObject5$B = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
48202
48273
  return p.color;
48203
48274
  });
48204
- var LinkField = styled.div(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border: 1px solid ", ";\n border-radius: 8px;\n margin-top: 8px;\n padding-left: 12px;\n background-color: ", ";\n"])), function (p) {
48275
+ var LinkField = styled.div(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n border: 1px solid ", ";\n border-radius: 8px;\n margin-top: 8px;\n padding-left: 12px;\n background-color: ", ";\n"])), function (p) {
48205
48276
  return p.borderColor;
48206
48277
  }, function (p) {
48207
48278
  return p.backgroundColor;
@@ -48230,7 +48301,7 @@ var QrHint = styled.p(_templateObject13$5 || (_templateObject13$5 = _taggedTempl
48230
48301
  return p.color;
48231
48302
  });
48232
48303
 
48233
- var _templateObject$13, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$y, _templateObject7$x, _templateObject8$t, _templateObject9$m;
48304
+ var _templateObject$13, _templateObject2$X, _templateObject3$P, _templateObject4$H, _templateObject5$C, _templateObject6$z, _templateObject7$x, _templateObject8$t, _templateObject9$m;
48234
48305
  var Members = function Members(_ref) {
48235
48306
  var _members$find;
48236
48307
  var channel = _ref.channel,
@@ -48557,7 +48628,7 @@ var MemberNameWrapper = styled.div(_templateObject4$H || (_templateObject4$H = _
48557
48628
  var MemberName$3 = styled.h4(_templateObject5$C || (_templateObject5$C = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-weight: 400;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: ", ";\n"])), function (props) {
48558
48629
  return props.color;
48559
48630
  });
48560
- var EditMemberIcon = styled.span(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n margin-left: auto;\n cursor: pointer;\n padding: 15px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s;\n\n & svg {\n color: ", ";\n }\n"])), function (props) {
48631
+ var EditMemberIcon = styled.span(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n margin-left: auto;\n cursor: pointer;\n padding: 15px;\n opacity: 0;\n visibility: hidden;\n transition: all 0.2s;\n\n & svg {\n color: ", ";\n }\n"])), function (props) {
48561
48632
  return props.color;
48562
48633
  });
48563
48634
  var MembersList = styled.ul(_templateObject7$x || (_templateObject7$x = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
@@ -49018,7 +49089,7 @@ var EditChannel = function EditChannel(_ref) {
49018
49089
  })));
49019
49090
  };
49020
49091
 
49021
- var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$z, _templateObject7$y, _templateObject8$u, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
49092
+ var _templateObject$16, _templateObject2$_, _templateObject3$R, _templateObject4$J, _templateObject5$D, _templateObject6$A, _templateObject7$y, _templateObject8$u, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
49022
49093
  var Details = function Details(_ref) {
49023
49094
  var _activeChannel$member;
49024
49095
  var detailsTitleText = _ref.detailsTitleText,
@@ -49494,7 +49565,7 @@ var AboutChannel = styled.div(_templateObject4$J || (_templateObject4$J = _tagge
49494
49565
  var AboutChannelTitle = styled.h4(_templateObject5$D || (_templateObject5$D = _taggedTemplateLiteralLoose(["\n font-size: 12px;\n margin: 0;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
49495
49566
  return props.color;
49496
49567
  });
49497
- var AboutChannelText = styled.h3(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n margin: 0;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
49568
+ var AboutChannelText = styled.h3(_templateObject6$A || (_templateObject6$A = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n margin: 0;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
49498
49569
  return props.color;
49499
49570
  });
49500
49571
  var ChannelInfo$5 = styled.div(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose(["\n position: relative;\n margin-left: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (props) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.7.9-beta.11",
3
+ "version": "1.7.9-beta.12",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",