sceyt-chat-react-uikit 1.8.5-beta.11 → 1.8.5-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/index.js +213 -150
- package/index.modern.js +213 -150
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -32181,76 +32181,102 @@ var UserNumber = styled__default.h4(_templateObject6$5 || (_templateObject6$5 =
|
|
|
32181
32181
|
return props.color;
|
|
32182
32182
|
});
|
|
32183
32183
|
|
|
32184
|
-
var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3;
|
|
32185
|
-
var
|
|
32184
|
+
var _templateObject$i, _templateObject2$g, _templateObject3$d, _templateObject4$a, _templateObject5$7, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$4, _templateObject0$3, _templateObject1$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2;
|
|
32185
|
+
var ChannelSkeletonList = function ChannelSkeletonList(_ref) {
|
|
32186
|
+
var color = _ref.color,
|
|
32187
|
+
_ref$count = _ref.count,
|
|
32188
|
+
count = _ref$count === void 0 ? 12 : _ref$count;
|
|
32189
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
32190
|
+
length: count
|
|
32191
|
+
}, function (_, i) {
|
|
32192
|
+
return /*#__PURE__*/React__default.createElement(SkeletonItem, {
|
|
32193
|
+
key: i
|
|
32194
|
+
}, /*#__PURE__*/React__default.createElement(SkeletonAvatar, {
|
|
32195
|
+
color: color,
|
|
32196
|
+
size: 50
|
|
32197
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonRight, null, /*#__PURE__*/React__default.createElement(SkeletonTopRow, null, /*#__PURE__*/React__default.createElement(SkeletonLine, {
|
|
32198
|
+
color: color,
|
|
32199
|
+
width: '55%'
|
|
32200
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine, {
|
|
32201
|
+
color: color,
|
|
32202
|
+
width: '36px',
|
|
32203
|
+
height: '10px'
|
|
32204
|
+
})), /*#__PURE__*/React__default.createElement(SkeletonLine, {
|
|
32205
|
+
color: color,
|
|
32206
|
+
width: '72%',
|
|
32207
|
+
height: '12px'
|
|
32208
|
+
})));
|
|
32209
|
+
}));
|
|
32210
|
+
};
|
|
32211
|
+
var ChannelList = function ChannelList(_ref2) {
|
|
32186
32212
|
var _activeChannel$member, _searchedChannels$cha, _searchedChannels$cha2, _searchedChannels$con, _searchedChannels$cha3, _searchedChannels$cha4, _searchedChannels$cha5, _searchedChannels$cha6;
|
|
32187
|
-
var className =
|
|
32188
|
-
selectedChannelBackground =
|
|
32189
|
-
selectedChannelLeftBorder =
|
|
32190
|
-
backgroundColor =
|
|
32191
|
-
searchInputBackgroundColor =
|
|
32192
|
-
searchInputTextColor =
|
|
32193
|
-
|
|
32194
|
-
searchChannelsPosition =
|
|
32195
|
-
channelSearchWidth =
|
|
32196
|
-
searchInputBorderRadius =
|
|
32197
|
-
selectedChannelBorderRadius =
|
|
32198
|
-
selectedChannelPaddings =
|
|
32199
|
-
channelsPaddings =
|
|
32200
|
-
channelsMargin =
|
|
32201
|
-
List =
|
|
32202
|
-
ListItem =
|
|
32203
|
-
getSelectedChannel =
|
|
32204
|
-
Profile =
|
|
32205
|
-
CreateChannel =
|
|
32206
|
-
ChannelsTitle =
|
|
32207
|
-
filter =
|
|
32208
|
-
limit =
|
|
32209
|
-
sort =
|
|
32210
|
-
|
|
32211
|
-
showAvatar =
|
|
32212
|
-
avatarBorderRadius =
|
|
32213
|
-
|
|
32214
|
-
showSearch =
|
|
32215
|
-
|
|
32216
|
-
showCreateChannelIcon =
|
|
32217
|
-
uriPrefixOnCreateChannel =
|
|
32218
|
-
onChannelDeleted =
|
|
32219
|
-
onChannelCreated =
|
|
32220
|
-
onChannelHidden =
|
|
32221
|
-
onChannelVisible =
|
|
32222
|
-
onAddedToChannel =
|
|
32223
|
-
notificationsIsMutedIcon =
|
|
32224
|
-
notificationsIsMutedIconColor =
|
|
32225
|
-
pinedIcon =
|
|
32226
|
-
createChannelIcon =
|
|
32227
|
-
newChannelIcon =
|
|
32228
|
-
newGroupIcon =
|
|
32229
|
-
newChatIcon =
|
|
32230
|
-
uploadPhotoIcon =
|
|
32231
|
-
channelHoverBackground =
|
|
32232
|
-
channelSubjectFontSize =
|
|
32233
|
-
channelSubjectLineHeight =
|
|
32234
|
-
channelSubjectColor =
|
|
32235
|
-
channelLastMessageFontSize =
|
|
32236
|
-
channelLastMessageHeight =
|
|
32237
|
-
channelLastMessageTimeFontSize =
|
|
32238
|
-
channelAvatarSize =
|
|
32239
|
-
channelAvatarTextSize =
|
|
32240
|
-
searchChannelInputFontSize =
|
|
32241
|
-
searchedChannelsTitleFontSize =
|
|
32242
|
-
searchChannelsPadding =
|
|
32243
|
-
getCustomLatestMessage =
|
|
32244
|
-
|
|
32245
|
-
doNotShowMessageDeliveryTypes =
|
|
32246
|
-
|
|
32247
|
-
showPhoneNumber =
|
|
32213
|
+
var className = _ref2.className,
|
|
32214
|
+
selectedChannelBackground = _ref2.selectedChannelBackground,
|
|
32215
|
+
selectedChannelLeftBorder = _ref2.selectedChannelLeftBorder,
|
|
32216
|
+
backgroundColor = _ref2.backgroundColor,
|
|
32217
|
+
searchInputBackgroundColor = _ref2.searchInputBackgroundColor,
|
|
32218
|
+
searchInputTextColor = _ref2.searchInputTextColor,
|
|
32219
|
+
_ref2$searchChannelsP = _ref2.searchChannelsPosition,
|
|
32220
|
+
searchChannelsPosition = _ref2$searchChannelsP === void 0 ? 'bottom' : _ref2$searchChannelsP,
|
|
32221
|
+
channelSearchWidth = _ref2.channelSearchWidth,
|
|
32222
|
+
searchInputBorderRadius = _ref2.searchInputBorderRadius,
|
|
32223
|
+
selectedChannelBorderRadius = _ref2.selectedChannelBorderRadius,
|
|
32224
|
+
selectedChannelPaddings = _ref2.selectedChannelPaddings,
|
|
32225
|
+
channelsPaddings = _ref2.channelsPaddings,
|
|
32226
|
+
channelsMargin = _ref2.channelsMargin,
|
|
32227
|
+
List = _ref2.List,
|
|
32228
|
+
ListItem = _ref2.ListItem,
|
|
32229
|
+
getSelectedChannel = _ref2.getSelectedChannel,
|
|
32230
|
+
Profile = _ref2.Profile,
|
|
32231
|
+
CreateChannel = _ref2.CreateChannel,
|
|
32232
|
+
ChannelsTitle = _ref2.ChannelsTitle,
|
|
32233
|
+
filter = _ref2.filter,
|
|
32234
|
+
limit = _ref2.limit,
|
|
32235
|
+
sort = _ref2.sort,
|
|
32236
|
+
_ref2$showAvatar = _ref2.showAvatar,
|
|
32237
|
+
showAvatar = _ref2$showAvatar === void 0 ? true : _ref2$showAvatar,
|
|
32238
|
+
avatarBorderRadius = _ref2.avatarBorderRadius,
|
|
32239
|
+
_ref2$showSearch = _ref2.showSearch,
|
|
32240
|
+
showSearch = _ref2$showSearch === void 0 ? true : _ref2$showSearch,
|
|
32241
|
+
_ref2$showCreateChann = _ref2.showCreateChannelIcon,
|
|
32242
|
+
showCreateChannelIcon = _ref2$showCreateChann === void 0 ? true : _ref2$showCreateChann,
|
|
32243
|
+
uriPrefixOnCreateChannel = _ref2.uriPrefixOnCreateChannel,
|
|
32244
|
+
onChannelDeleted = _ref2.onChannelDeleted,
|
|
32245
|
+
onChannelCreated = _ref2.onChannelCreated,
|
|
32246
|
+
onChannelHidden = _ref2.onChannelHidden,
|
|
32247
|
+
onChannelVisible = _ref2.onChannelVisible,
|
|
32248
|
+
onAddedToChannel = _ref2.onAddedToChannel,
|
|
32249
|
+
notificationsIsMutedIcon = _ref2.notificationsIsMutedIcon,
|
|
32250
|
+
notificationsIsMutedIconColor = _ref2.notificationsIsMutedIconColor,
|
|
32251
|
+
pinedIcon = _ref2.pinedIcon,
|
|
32252
|
+
createChannelIcon = _ref2.createChannelIcon,
|
|
32253
|
+
newChannelIcon = _ref2.newChannelIcon,
|
|
32254
|
+
newGroupIcon = _ref2.newGroupIcon,
|
|
32255
|
+
newChatIcon = _ref2.newChatIcon,
|
|
32256
|
+
uploadPhotoIcon = _ref2.uploadPhotoIcon,
|
|
32257
|
+
channelHoverBackground = _ref2.channelHoverBackground,
|
|
32258
|
+
channelSubjectFontSize = _ref2.channelSubjectFontSize,
|
|
32259
|
+
channelSubjectLineHeight = _ref2.channelSubjectLineHeight,
|
|
32260
|
+
channelSubjectColor = _ref2.channelSubjectColor,
|
|
32261
|
+
channelLastMessageFontSize = _ref2.channelLastMessageFontSize,
|
|
32262
|
+
channelLastMessageHeight = _ref2.channelLastMessageHeight,
|
|
32263
|
+
channelLastMessageTimeFontSize = _ref2.channelLastMessageTimeFontSize,
|
|
32264
|
+
channelAvatarSize = _ref2.channelAvatarSize,
|
|
32265
|
+
channelAvatarTextSize = _ref2.channelAvatarTextSize,
|
|
32266
|
+
searchChannelInputFontSize = _ref2.searchChannelInputFontSize,
|
|
32267
|
+
searchedChannelsTitleFontSize = _ref2.searchedChannelsTitleFontSize,
|
|
32268
|
+
searchChannelsPadding = _ref2.searchChannelsPadding,
|
|
32269
|
+
getCustomLatestMessage = _ref2.getCustomLatestMessage,
|
|
32270
|
+
_ref2$doNotShowMessag = _ref2.doNotShowMessageDeliveryTypes,
|
|
32271
|
+
doNotShowMessageDeliveryTypes = _ref2$doNotShowMessag === void 0 ? ['system'] : _ref2$doNotShowMessag,
|
|
32272
|
+
_ref2$showPhoneNumber = _ref2.showPhoneNumber,
|
|
32273
|
+
showPhoneNumber = _ref2$showPhoneNumber === void 0 ? false : _ref2$showPhoneNumber;
|
|
32248
32274
|
var _useColor = useColors(),
|
|
32249
32275
|
background = _useColor[THEME_COLORS.BACKGROUND],
|
|
32250
32276
|
textPrimary = _useColor[THEME_COLORS.TEXT_PRIMARY],
|
|
32251
32277
|
textSecondary = _useColor[THEME_COLORS.TEXT_SECONDARY],
|
|
32252
|
-
textFootnote = _useColor[THEME_COLORS.TEXT_FOOTNOTE],
|
|
32253
32278
|
borderColor = _useColor[THEME_COLORS.BORDER],
|
|
32279
|
+
surface1 = _useColor[THEME_COLORS.SURFACE_1],
|
|
32254
32280
|
surface2 = _useColor[THEME_COLORS.SURFACE_2];
|
|
32255
32281
|
var dispatch = useDispatch();
|
|
32256
32282
|
var getFromContacts = getShowOnlyContactUsers();
|
|
@@ -32535,7 +32561,7 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
32535
32561
|
setSelectedChannel: setSelectedChannel,
|
|
32536
32562
|
loadMoreChannels: handleLoadMoreChannels,
|
|
32537
32563
|
searchValue: searchValue
|
|
32538
|
-
}, !searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channels.map(function (channel) {
|
|
32564
|
+
}, !searchValue && (channelsLoading === LOADING_STATE.LOADED || channels.length > 0) ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, channels.map(function (channel) {
|
|
32539
32565
|
return !getPendingDeleteChannel(channel.id) && (ListItem ? (/*#__PURE__*/React__default.createElement(ListItem, {
|
|
32540
32566
|
channel: channel,
|
|
32541
32567
|
setSelectedChannel: setSelectedChannel,
|
|
@@ -32569,7 +32595,10 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
32569
32595
|
doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
|
|
32570
32596
|
showPhoneNumber: showPhoneNumber
|
|
32571
32597
|
})));
|
|
32572
|
-
})
|
|
32598
|
+
}), channelsLoading === LOADING_STATE.LOADING && channelsHasNext && (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
|
|
32599
|
+
color: surface1,
|
|
32600
|
+
count: 1
|
|
32601
|
+
})))) : channelsLoading === LOADING_STATE.LOADED && searchValue ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha = searchedChannels.chats_groups) !== null && _searchedChannels$cha !== void 0 && _searchedChannels$cha.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$cha2 = searchedChannels.channels) !== null && _searchedChannels$cha2 !== void 0 && _searchedChannels$cha2.length || searchedChannels !== null && searchedChannels !== void 0 && (_searchedChannels$con = searchedChannels.contacts) !== null && _searchedChannels$con !== void 0 && _searchedChannels$con.length ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!(searchedChannels.chats_groups && searchedChannels.chats_groups.length) && (/*#__PURE__*/React__default.createElement(DirectChannels, null, /*#__PURE__*/React__default.createElement(SearchedChannelsHeader, {
|
|
32573
32602
|
color: textSecondary,
|
|
32574
32603
|
fontSize: searchedChannelsTitleFontSize
|
|
32575
32604
|
}, "Chats & Groups"), searchedChannels.chats_groups.map(function (channel) {
|
|
@@ -32677,9 +32706,9 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
32677
32706
|
}))))) : (/*#__PURE__*/React__default.createElement(NoData, {
|
|
32678
32707
|
color: textSecondary,
|
|
32679
32708
|
fontSize: searchedChannelsTitleFontSize
|
|
32680
|
-
}, "No channels found")))) : (/*#__PURE__*/React__default.createElement(
|
|
32681
|
-
color:
|
|
32682
|
-
}))))
|
|
32709
|
+
}, "No channels found")))) : (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
|
|
32710
|
+
color: surface1
|
|
32711
|
+
})))) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, !searchValue && (channelsLoading === LOADING_STATE.LOADED || channels.length > 0 ? (/*#__PURE__*/React__default.createElement(ChannelsList, {
|
|
32683
32712
|
ref: channelsScrollRef,
|
|
32684
32713
|
onScroll: handleAllChannelsListScroll,
|
|
32685
32714
|
onMouseEnter: function onMouseEnter() {
|
|
@@ -32724,6 +32753,11 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
32724
32753
|
doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
|
|
32725
32754
|
showPhoneNumber: showPhoneNumber
|
|
32726
32755
|
}));
|
|
32756
|
+
}), channelsLoading === LOADING_STATE.LOADING && channelsHasNext && (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
|
|
32757
|
+
color: surface1,
|
|
32758
|
+
count: 1
|
|
32759
|
+
})))) : (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
|
|
32760
|
+
color: surface1
|
|
32727
32761
|
}))), !!searchValue && (channelsLoading === LOADING_STATE.LOADED ? !((_searchedChannels$cha4 = searchedChannels.chats_groups) !== null && _searchedChannels$cha4 !== void 0 && _searchedChannels$cha4.length) && !((_searchedChannels$cha5 = searchedChannels.chats_groups) !== null && _searchedChannels$cha5 !== void 0 && _searchedChannels$cha5.length) && !((_searchedChannels$cha6 = searchedChannels.channels) !== null && _searchedChannels$cha6 !== void 0 && _searchedChannels$cha6.length) ? (/*#__PURE__*/React__default.createElement(NoData, {
|
|
32728
32762
|
color: textSecondary,
|
|
32729
32763
|
fontSize: searchedChannelsTitleFontSize
|
|
@@ -32801,9 +32835,9 @@ var ChannelList = function ChannelList(_ref) {
|
|
|
32801
32835
|
doNotShowMessageDeliveryTypes: doNotShowMessageDeliveryTypes,
|
|
32802
32836
|
showPhoneNumber: showPhoneNumber
|
|
32803
32837
|
}));
|
|
32804
|
-
}))))) : (/*#__PURE__*/React__default.createElement(
|
|
32805
|
-
color:
|
|
32806
|
-
})))))
|
|
32838
|
+
}))))) : (/*#__PURE__*/React__default.createElement(ChannelSkeletonList, {
|
|
32839
|
+
color: surface1
|
|
32840
|
+
}))))), profileIsOpen && /*#__PURE__*/React__default.createElement(ProfileSettings, {
|
|
32807
32841
|
handleCloseProfile: handleOpenProfile
|
|
32808
32842
|
}));
|
|
32809
32843
|
};
|
|
@@ -32837,8 +32871,28 @@ var NoData = styled__default.div(_templateObject8$5 || (_templateObject8$5 = _ta
|
|
|
32837
32871
|
}, function (props) {
|
|
32838
32872
|
return props.color;
|
|
32839
32873
|
});
|
|
32840
|
-
var
|
|
32841
|
-
var
|
|
32874
|
+
var shimmer = styled.keyframes(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
32875
|
+
var SkeletonBlock = styled__default.div(_templateObject0$3 || (_templateObject0$3 = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.35) 80px,\n ", " 160px\n );\n background-size: 400px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.4s ease infinite;\n"])), function (p) {
|
|
32876
|
+
return p.color;
|
|
32877
|
+
}, function (p) {
|
|
32878
|
+
return p.color;
|
|
32879
|
+
}, function (p) {
|
|
32880
|
+
return p.color;
|
|
32881
|
+
}, shimmer);
|
|
32882
|
+
var SkeletonAvatar = styled__default(SkeletonBlock)(_templateObject1$3 || (_templateObject1$3 = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n border-radius: 50%;\n flex-shrink: 0;\n"])), function (p) {
|
|
32883
|
+
return p.size;
|
|
32884
|
+
}, function (p) {
|
|
32885
|
+
return p.size;
|
|
32886
|
+
});
|
|
32887
|
+
var SkeletonLine = styled__default(SkeletonBlock)(_templateObject10$3 || (_templateObject10$3 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n border-radius: 7px;\n"])), function (p) {
|
|
32888
|
+
return p.width;
|
|
32889
|
+
}, function (p) {
|
|
32890
|
+
return p.height || '14px';
|
|
32891
|
+
});
|
|
32892
|
+
var SkeletonRight = styled__default.div(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteralLoose(["\n flex: 1;\n margin-left: 12px;\n display: flex;\n flex-direction: column;\n gap: 8px;\n"])));
|
|
32893
|
+
var SkeletonTopRow = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n"])));
|
|
32894
|
+
var SkeletonItem = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 8px;\n margin: 0 8px;\n"])));
|
|
32895
|
+
var ChannelListHeader = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n max-width: ", ";\n padding: ", ";\n box-sizing: border-box;\n padding-left: ", ";\n border-right: ", ";\n"])), function (props) {
|
|
32842
32896
|
return props.maxWidth ? "" + props.maxWidth : 'inherit';
|
|
32843
32897
|
}, function (props) {
|
|
32844
32898
|
return props.padding || '12px';
|
|
@@ -33027,7 +33081,7 @@ function SvgSearchMessages(props) {
|
|
|
33027
33081
|
})));
|
|
33028
33082
|
}
|
|
33029
33083
|
|
|
33030
|
-
var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4, _templateObject1$
|
|
33084
|
+
var _templateObject$k, _templateObject2$i, _templateObject3$f, _templateObject4$c, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$6, _templateObject9$5, _templateObject0$4, _templateObject1$4;
|
|
33031
33085
|
function ChatHeader(_ref) {
|
|
33032
33086
|
var infoIcon = _ref.infoIcon,
|
|
33033
33087
|
backgroundColor = _ref.backgroundColor,
|
|
@@ -33201,7 +33255,7 @@ var MobileBackButtonWrapper = styled__default.span(_templateObject8$6 || (_templ
|
|
|
33201
33255
|
});
|
|
33202
33256
|
var DefaultInfoIcon = styled__default(SvgInfo)(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteralLoose([""])));
|
|
33203
33257
|
var WrapArrowLeftIcon = styled__default(SvgArrowLeft)(_templateObject0$4 || (_templateObject0$4 = _taggedTemplateLiteralLoose([""])));
|
|
33204
|
-
var SearchMessagesButton = styled__default.span(_templateObject1$
|
|
33258
|
+
var SearchMessagesButton = styled__default.span(_templateObject1$4 || (_templateObject1$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n cursor: pointer;\n margin-left: 16px;\n border-radius: 50%;\n transition: background-color 0.15s;\n order: ", ";\n"])), function (p) {
|
|
33205
33259
|
return p.order;
|
|
33206
33260
|
});
|
|
33207
33261
|
|
|
@@ -33952,7 +34006,7 @@ function SvgFullscreenExit(props) {
|
|
|
33952
34006
|
})));
|
|
33953
34007
|
}
|
|
33954
34008
|
|
|
33955
|
-
var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$
|
|
34009
|
+
var _templateObject$n, _templateObject2$k, _templateObject3$h, _templateObject4$e, _templateObject5$b, _templateObject6$8, _templateObject7$7, _templateObject8$7, _templateObject9$6, _templateObject0$5, _templateObject1$5;
|
|
33956
34010
|
var VideoPlayer = function VideoPlayer(_ref) {
|
|
33957
34011
|
var src = _ref.src,
|
|
33958
34012
|
videoFileId = _ref.videoFileId,
|
|
@@ -34273,9 +34327,9 @@ var VolumeController = styled__default.div(_templateObject7$7 || (_templateObjec
|
|
|
34273
34327
|
var VolumeIconWrapper = styled__default.span(_templateObject8$7 || (_templateObject8$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n cursor: pointer;\n @media (max-width: 768px) {\n & > svg {\n width: 18px;\n height: 18px;\n }\n }\n @media (max-width: 768px) {\n & > svg {\n width: 16px;\n height: 16px;\n }\n }\n"])));
|
|
34274
34328
|
var VolumeSlide = styled__default.input(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n -webkit-appearance: none;\n margin-left: 8px;\n width: 60px;\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 visibility: hidden;\n -webkit-appearance: none;\n height: 1px;\n width: 1px;\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 visibility: hidden;\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 visibility: hidden;\n -webkit-appearance: none;\n height: 1px;\n width: 1px;\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 &::-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\n @media (max-width: 768px) {\n width: 50px;\n }\n"])));
|
|
34275
34329
|
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"])));
|
|
34276
|
-
var FullScreenWrapper = styled__default.div(_templateObject1$
|
|
34330
|
+
var FullScreenWrapper = styled__default.div(_templateObject1$5 || (_templateObject1$5 = _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"])));
|
|
34277
34331
|
|
|
34278
|
-
var _templateObject$o, _templateObject2$l, _templateObject3$i, _templateObject4$f, _templateObject5$c, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$
|
|
34332
|
+
var _templateObject$o, _templateObject2$l, _templateObject3$i, _templateObject4$f, _templateObject5$c, _templateObject6$9, _templateObject7$8, _templateObject8$8, _templateObject9$7, _templateObject0$6, _templateObject1$6, _templateObject10$4, _templateObject11$3;
|
|
34279
34333
|
var ChannelMembersItem = function ChannelMembersItem(_ref) {
|
|
34280
34334
|
var channel = _ref.channel,
|
|
34281
34335
|
directChannelUser = _ref.directChannelUser,
|
|
@@ -34677,11 +34731,11 @@ var SelectedChannelName = styled__default.span(_templateObject9$7 || (_templateO
|
|
|
34677
34731
|
return props.color;
|
|
34678
34732
|
});
|
|
34679
34733
|
var StyledSubtractSvg$1 = styled__default(SvgCross)(_templateObject0$6 || (_templateObject0$6 = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n margin-left: 4px;\n transform: translate(2px, 0);\n"])));
|
|
34680
|
-
var NoResults$1 = styled__default.div(_templateObject1$
|
|
34734
|
+
var NoResults$1 = styled__default.div(_templateObject1$6 || (_templateObject1$6 = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n line-height: 16px;\n font-weight: 500;\n text-align: center;\n margin-top: 20px;\n color: ", ";\n"])), function (props) {
|
|
34681
34735
|
return props.color;
|
|
34682
34736
|
});
|
|
34683
|
-
var ChannelItemWrapper = styled__default.div(_templateObject10$
|
|
34684
|
-
var WarningTooltip = styled__default.div(_templateObject11$
|
|
34737
|
+
var ChannelItemWrapper = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
34738
|
+
var WarningTooltip = styled__default.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n background: ", ";\n color: ", ";\n font-size: 13px;\n line-height: 18px;\n font-weight: 400;\n padding: 10px 14px;\n border-radius: 8px;\n text-align: center;\n margin-top: 8px;\n pointer-events: none;\n z-index: 10;\n\n &::after {\n content: '';\n position: absolute;\n bottom: -7px;\n left: 50%;\n transform: translateX(-50%);\n width: 0;\n height: 0;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-top: 8px solid ", ";\n }\n"])), function (props) {
|
|
34685
34739
|
return props.backgroundColor;
|
|
34686
34740
|
}, function (props) {
|
|
34687
34741
|
return props.color;
|
|
@@ -34865,7 +34919,7 @@ var DeleteOptionItem = styled__default.div(_templateObject2$n || (_templateObjec
|
|
|
34865
34919
|
return props.color;
|
|
34866
34920
|
});
|
|
34867
34921
|
|
|
34868
|
-
var _templateObject$r, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$a, _templateObject7$9, _templateObject8$9, _templateObject9$8, _templateObject0$7, _templateObject1$
|
|
34922
|
+
var _templateObject$r, _templateObject2$o, _templateObject3$j, _templateObject4$g, _templateObject5$d, _templateObject6$a, _templateObject7$9, _templateObject8$9, _templateObject9$8, _templateObject0$7, _templateObject1$7, _templateObject10$5, _templateObject11$4, _templateObject12$3, _templateObject13$3, _templateObject14$3;
|
|
34869
34923
|
var SliderPopup = function SliderPopup(_ref) {
|
|
34870
34924
|
var channel = _ref.channel,
|
|
34871
34925
|
setIsSliderOpen = _ref.setIsSliderOpen,
|
|
@@ -35489,18 +35543,18 @@ var FileSize = styled__default.span(_templateObject9$8 || (_templateObject9$8 =
|
|
|
35489
35543
|
var UserName = styled__default.h4(_templateObject0$7 || (_templateObject0$7 = _taggedTemplateLiteralLoose(["\n margin: 0;\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.2px;\n"])), function (props) {
|
|
35490
35544
|
return props.color;
|
|
35491
35545
|
});
|
|
35492
|
-
var ActionsWrapper = styled__default.div(_templateObject1$
|
|
35493
|
-
var IconWrapper = styled__default.span(_templateObject10$
|
|
35546
|
+
var ActionsWrapper = styled__default.div(_templateObject1$7 || (_templateObject1$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
35547
|
+
var IconWrapper = styled__default.span(_templateObject10$5 || (_templateObject10$5 = _taggedTemplateLiteralLoose(["\n display: flex;\n cursor: pointer;\n color: ", ";\n margin: ", ";\n\n & > svg {\n width: 28px;\n height: 28px;\n }\n\n ", "\n"])), function (props) {
|
|
35494
35548
|
return props.color;
|
|
35495
35549
|
}, function (props) {
|
|
35496
35550
|
return props.margin;
|
|
35497
35551
|
}, function (props) {
|
|
35498
35552
|
return props.hideInMobile && "\n @media (max-width: 550px) {\n display: none;\n }\n ";
|
|
35499
35553
|
});
|
|
35500
|
-
var CarouselItem$1 = styled__default.div(_templateObject11$
|
|
35501
|
-
var UploadCont$1 = styled__default.div(_templateObject12$
|
|
35502
|
-
var ItemLoadingCont = styled__default.div(_templateObject13$
|
|
35503
|
-
var ArrowButton = styled__default.button(_templateObject14$
|
|
35554
|
+
var CarouselItem$1 = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n max-width: calc(100% - 200px);\n z-index: 2;\n\n img,\n video {\n min-width: 280px;\n max-width: 100%;\n margin: auto;\n object-fit: contain;\n max-height: calc(100vh - 200px);\n @media (max-width: 480px) {\n min-width: inherit;\n }\n }\n @media (max-width: 480px) {\n max-width: calc(100% - 100px);\n }\n\n img {\n min-width: inherit;\n }\n"])));
|
|
35555
|
+
var UploadCont$1 = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n left: calc((100vw - 100%) / -2);\n top: calc((100vh - 100%) / -2);\n width: 100vw;\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n z-index: 1;\n"])));
|
|
35556
|
+
var ItemLoadingCont = styled__default.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: calc((100vw - 100%) / -2);\n top: calc((100vh - 100% + 60px) / -2);\n width: 100vw;\n height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1;\n"])));
|
|
35557
|
+
var ArrowButton = styled__default.button(_templateObject14$3 || (_templateObject14$3 = _taggedTemplateLiteralLoose(["\n min-width: 60px;\n max-width: 60px;\n height: 60px;\n margin-right: ", ";\n margin-left: ", ";\n border: none;\n color: ", ";\n background: transparent;\n box-sizing: border-box;\n border-radius: 50%;\n line-height: 1px;\n align-self: center;\n outline: none;\n cursor: pointer;\n visibility: ", ";\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n right: ", ";\n & > svg {\n width: 40px;\n height: 40px;\n }\n @media (max-width: 768px) {\n min-width: 36px;\n max-width: 36px;\n height: 36px;\n margin-right: ", ";\n margin-left: ", ";\n\n & > svg {\n width: 22px;\n height: 22px;\n }\n }\n @media (max-width: 450px) {\n min-width: 32px;\n max-width: 32px;\n height: 32px;\n\n & > svg {\n width: 20px;\n height: 20px;\n }\n }\n"])), function (props) {
|
|
35504
35558
|
return !props.leftButton && '24px';
|
|
35505
35559
|
}, function (props) {
|
|
35506
35560
|
return props.leftButton && '24px';
|
|
@@ -37458,7 +37512,7 @@ var VideoIcon = styled__default.div(_templateObject8$a || (_templateObject8$a =
|
|
|
37458
37512
|
return bg;
|
|
37459
37513
|
});
|
|
37460
37514
|
|
|
37461
|
-
var _templateObject$z, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$e, _templateObject7$d, _templateObject8$b, _templateObject9$9, _templateObject0$8, _templateObject1$
|
|
37515
|
+
var _templateObject$z, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$e, _templateObject7$d, _templateObject8$b, _templateObject9$9, _templateObject0$8, _templateObject1$8, _templateObject10$6, _templateObject11$5;
|
|
37462
37516
|
var Attachment = function Attachment(_ref) {
|
|
37463
37517
|
var attachment = _ref.attachment,
|
|
37464
37518
|
_ref$isPreview = _ref.isPreview,
|
|
@@ -38400,10 +38454,10 @@ var AttachmentSize = styled__default.span(_templateObject0$8 || (_templateObject
|
|
|
38400
38454
|
}, function (props) {
|
|
38401
38455
|
return props.errorColor;
|
|
38402
38456
|
});
|
|
38403
|
-
var AttachmentFileInfo = styled__default.div(_templateObject1$
|
|
38457
|
+
var AttachmentFileInfo = styled__default.div(_templateObject1$8 || (_templateObject1$8 = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n ", "\n"])), function (props) {
|
|
38404
38458
|
return props.isPreview && "line-height: 14px;\n max-width: calc(100% - 44px);\n ";
|
|
38405
38459
|
});
|
|
38406
|
-
var AttachmentImg = styled__default.img(_templateObject10$
|
|
38460
|
+
var AttachmentImg = styled__default.img(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n position: ", ";\n border-radius: ", ";\n padding: ", ";\n box-sizing: border-box;\n width: ", ";\n height: ", ";\n object-fit: cover;\n visibility: ", ";\n z-index: 2;\n opacity: ", ";\n transition: opacity 0.3s ease-in-out;\n"])), function (props) {
|
|
38407
38461
|
return props.absolute && 'absolute';
|
|
38408
38462
|
}, function (props) {
|
|
38409
38463
|
return props.isRepliedMessage ? '4px' : props.borderRadius || '6px';
|
|
@@ -38418,7 +38472,7 @@ var AttachmentImg = styled__default.img(_templateObject10$5 || (_templateObject1
|
|
|
38418
38472
|
}, function (props) {
|
|
38419
38473
|
return props.$shouldAnimate && !props.$isLoaded ? 0 : 1;
|
|
38420
38474
|
});
|
|
38421
|
-
var VideoCont = styled__default.div(_templateObject11$
|
|
38475
|
+
var VideoCont = styled__default.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n cursor: pointer;\n height: ", ";\n"])), function (props) {
|
|
38422
38476
|
return props.isDetailsView && '100%';
|
|
38423
38477
|
});
|
|
38424
38478
|
|
|
@@ -39423,7 +39477,7 @@ var OpenMoreEmojis = styled__default.span(_templateObject3$s || (_templateObject
|
|
|
39423
39477
|
return props.iconHoverColor;
|
|
39424
39478
|
});
|
|
39425
39479
|
|
|
39426
|
-
var _templateObject$E, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$j, _templateObject6$g, _templateObject7$f, _templateObject8$d, _templateObject9$a, _templateObject0$9, _templateObject1$
|
|
39480
|
+
var _templateObject$E, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$j, _templateObject6$g, _templateObject7$f, _templateObject8$d, _templateObject9$a, _templateObject0$9, _templateObject1$9, _templateObject10$7;
|
|
39427
39481
|
var POLL_VOTES_LIMIT = 20;
|
|
39428
39482
|
var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
39429
39483
|
var _pollVotesHasMore$key, _poll$voteDetails, _poll$voteDetails$vot, _poll$voteDetails3;
|
|
@@ -39573,14 +39627,14 @@ var VotesContainer = styled__default.div(_templateObject9$a || (_templateObject9
|
|
|
39573
39627
|
var VotesCount = styled__default.div(_templateObject0$9 || (_templateObject0$9 = _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) {
|
|
39574
39628
|
return p.color;
|
|
39575
39629
|
});
|
|
39576
|
-
var LoaderContainer = styled__default.div(_templateObject1$
|
|
39577
|
-
var Loader = styled__default.div(_templateObject10$
|
|
39630
|
+
var LoaderContainer = styled__default.div(_templateObject1$9 || (_templateObject1$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 40px 0;\n min-height: 100px;\n"])));
|
|
39631
|
+
var Loader = styled__default.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteralLoose(["\n width: 40px;\n height: 40px;\n border: 3px solid ", "20;\n border-top-color: ", ";\n border-radius: 50%;\n animation: spin 1s linear infinite;\n\n @keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n"])), function (p) {
|
|
39578
39632
|
return p.color;
|
|
39579
39633
|
}, function (p) {
|
|
39580
39634
|
return p.color;
|
|
39581
39635
|
});
|
|
39582
39636
|
|
|
39583
|
-
var _templateObject$F, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$g, _templateObject8$e, _templateObject9$b, _templateObject0$a, _templateObject1$
|
|
39637
|
+
var _templateObject$F, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$h, _templateObject7$g, _templateObject8$e, _templateObject9$b, _templateObject0$a, _templateObject1$a, _templateObject10$8;
|
|
39584
39638
|
var VotesResultsPopup = function VotesResultsPopup(_ref) {
|
|
39585
39639
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$options$find;
|
|
39586
39640
|
var onClose = _ref.onClose,
|
|
@@ -39758,10 +39812,10 @@ var VoterName$1 = styled__default.div(_templateObject9$b || (_templateObject9$b
|
|
|
39758
39812
|
var VotedAt$1 = 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.2px;\n"])), function (p) {
|
|
39759
39813
|
return p.color;
|
|
39760
39814
|
});
|
|
39761
|
-
var TitleWrapper$1 = styled__default.div(_templateObject1$
|
|
39815
|
+
var TitleWrapper$1 = styled__default.div(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n margin: 0 auto;\n border-radius: 10px;\n padding: 16px;\n background: ", ";\n margin-bottom: 16px;\n"])), function (p) {
|
|
39762
39816
|
return p.backgroundColor;
|
|
39763
39817
|
});
|
|
39764
|
-
var Question = styled__default.div(_templateObject10$
|
|
39818
|
+
var Question = styled__default.div(_templateObject10$8 || (_templateObject10$8 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n overflow-wrap: anywhere;\n"])), function (p) {
|
|
39765
39819
|
return p.color;
|
|
39766
39820
|
});
|
|
39767
39821
|
|
|
@@ -39787,7 +39841,7 @@ function SvgFilledCheckbox(props) {
|
|
|
39787
39841
|
})));
|
|
39788
39842
|
}
|
|
39789
39843
|
|
|
39790
|
-
var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f, _templateObject9$c, _templateObject0$b, _templateObject1$
|
|
39844
|
+
var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f, _templateObject9$c, _templateObject0$b, _templateObject1$b, _templateObject10$9, _templateObject11$6, _templateObject12$4;
|
|
39791
39845
|
var PollMessage = function PollMessage(_ref) {
|
|
39792
39846
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
|
|
39793
39847
|
var message = _ref.message,
|
|
@@ -39967,22 +40021,22 @@ var StyledCheck = styled__default(SvgFilledCheckbox)(_templateObject9$c || (_tem
|
|
|
39967
40021
|
var Title$2 = styled__default.div(_templateObject0$b || (_templateObject0$b = _taggedTemplateLiteralLoose(["\n flex: 1 1 auto;\n color: ", ";\n margin-right: auto;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n max-width: calc(100% - 80px);\n word-break: break-word;\n"])), function (p) {
|
|
39968
40022
|
return p.color;
|
|
39969
40023
|
});
|
|
39970
|
-
var Votes = styled__default.span(_templateObject1$
|
|
40024
|
+
var Votes = styled__default.span(_templateObject1$b || (_templateObject1$b = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n letter-spacing: -0.2px;\n margin-left: 4px;\n cursor: ", ";\n"])), function (p) {
|
|
39971
40025
|
return p.color;
|
|
39972
40026
|
}, function (p) {
|
|
39973
40027
|
return p.cursor;
|
|
39974
40028
|
});
|
|
39975
|
-
var Bar = styled__default.div(_templateObject10$
|
|
40029
|
+
var Bar = styled__default.div(_templateObject10$9 || (_templateObject10$9 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: 6px;\n border-radius: 6px;\n background: ", ";\n overflow: hidden;\n margin-left: auto;\n"])), function (p) {
|
|
39976
40030
|
return p.closed ? '100%' : "calc(100% - 28px)";
|
|
39977
40031
|
}, function (p) {
|
|
39978
40032
|
return p.track;
|
|
39979
40033
|
});
|
|
39980
|
-
var Fill = styled__default.div(_templateObject11$
|
|
39981
|
-
var UsersContainer = styled__default.div(_templateObject12$
|
|
40034
|
+
var Fill = styled__default.div(_templateObject11$6 || (_templateObject11$6 = _taggedTemplateLiteralLoose(["\n height: 100%;\n border-radius: 6px;\n transition: width 0.3s ease-in-out;\n"])));
|
|
40035
|
+
var UsersContainer = styled__default.div(_templateObject12$4 || (_templateObject12$4 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n cursor: ", ";\n"])), function (p) {
|
|
39982
40036
|
return p.cursor;
|
|
39983
40037
|
});
|
|
39984
40038
|
|
|
39985
|
-
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$d, _templateObject0$c, _templateObject1$
|
|
40039
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$d, _templateObject0$c, _templateObject1$c;
|
|
39986
40040
|
var OG_IMAGE_CACHE = 'og-images-v1';
|
|
39987
40041
|
var loadFromMetadata$1 = function loadFromMetadata(firstAttachment) {
|
|
39988
40042
|
if (!firstAttachment) {
|
|
@@ -40398,7 +40452,7 @@ var Img = styled__default.img(_templateObject7$i || (_templateObject7$i = _tagge
|
|
|
40398
40452
|
var OGRow = styled__default.div(_templateObject8$g || (_templateObject8$g = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 0;\n"])));
|
|
40399
40453
|
var OGTextWrapper = styled__default.div(_templateObject9$d || (_templateObject9$d = _taggedTemplateLiteralLoose(["\n flex: 1 1 auto;\n"])));
|
|
40400
40454
|
var FaviconContainer = styled__default.div(_templateObject0$c || (_templateObject0$c = _taggedTemplateLiteralLoose(["\n width: 52px;\n height: 52px;\n border-radius: 8px;\n overflow: hidden;\n margin: 8px;\n flex: 0 0 52px;\n"])));
|
|
40401
|
-
var FaviconImg = styled__default.img(_templateObject1$
|
|
40455
|
+
var FaviconImg = styled__default.img(_templateObject1$c || (_templateObject1$c = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
40402
40456
|
|
|
40403
40457
|
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$j, _templateObject8$h, _templateObject9$e, _templateObject0$d;
|
|
40404
40458
|
var MessageBody = function MessageBody(_ref) {
|
|
@@ -41580,7 +41634,7 @@ function SvgCircleDashed(props) {
|
|
|
41580
41634
|
})));
|
|
41581
41635
|
}
|
|
41582
41636
|
|
|
41583
|
-
var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject0$f, _templateObject1$
|
|
41637
|
+
var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$g, _templateObject0$f, _templateObject1$d, _templateObject10$a, _templateObject11$7, _templateObject12$5, _templateObject13$4;
|
|
41584
41638
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
41585
41639
|
var m = moment(date);
|
|
41586
41640
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -42198,15 +42252,15 @@ var Panel = styled__default.div(_templateObject0$f || (_templateObject0$f = _tag
|
|
|
42198
42252
|
}, function (p) {
|
|
42199
42253
|
return p.minWidth || '340px';
|
|
42200
42254
|
});
|
|
42201
|
-
var Content = styled__default.div(_templateObject1$
|
|
42255
|
+
var Content = styled__default.div(_templateObject1$d || (_templateObject1$d = _taggedTemplateLiteralLoose(["\n padding: ", ";\n height: 100%;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n"])), function (p) {
|
|
42202
42256
|
return p.padding || '16px 12px';
|
|
42203
42257
|
});
|
|
42204
|
-
var P2PStatusList = styled__default.div(_templateObject10$
|
|
42205
|
-
var P2PStatusRow = styled__default.div(_templateObject11$
|
|
42206
|
-
var P2PStatusLabel = styled__default.div(_templateObject12$
|
|
42258
|
+
var P2PStatusList = styled__default.div(_templateObject10$a || (_templateObject10$a = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
42259
|
+
var P2PStatusRow = styled__default.div(_templateObject11$7 || (_templateObject11$7 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 4px;\n height: 48px;\n"])));
|
|
42260
|
+
var P2PStatusLabel = styled__default.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-family: Inter;\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.2px;\n"])), function (p) {
|
|
42207
42261
|
return p.color;
|
|
42208
42262
|
});
|
|
42209
|
-
var P2PStatusDate = styled__default.div(_templateObject13$
|
|
42263
|
+
var P2PStatusDate = styled__default.div(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n color: ", ";\n min-width: max-content;\n font-family: Inter;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n letter-spacing: 0px;\n"])), function (p) {
|
|
42210
42264
|
return p.color;
|
|
42211
42265
|
});
|
|
42212
42266
|
|
|
@@ -45440,7 +45494,7 @@ var createMessageMarkerBatcher = function createMessageMarkerBatcher(_ref) {
|
|
|
45440
45494
|
};
|
|
45441
45495
|
};
|
|
45442
45496
|
|
|
45443
|
-
var _templateObject$P, _templateObject2$K, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$h, _templateObject0$g, _templateObject1$
|
|
45497
|
+
var _templateObject$P, _templateObject2$K, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$m, _templateObject8$k, _templateObject9$h, _templateObject0$g, _templateObject1$e, _templateObject10$b, _templateObject11$8;
|
|
45444
45498
|
var MessageList = function MessageList(_ref) {
|
|
45445
45499
|
var _scrollRef$current, _scrollRef$current2;
|
|
45446
45500
|
var fontFamily = _ref.fontFamily,
|
|
@@ -46186,13 +46240,18 @@ var MessageList = function MessageList(_ref) {
|
|
|
46186
46240
|
isHighlighted: timelineItem.isHighlighted,
|
|
46187
46241
|
ifLatestAndHasNotPreview: timelineItem.ifLatestAndHasNotPreview
|
|
46188
46242
|
}));
|
|
46189
|
-
}))) : loadingPrevMessages === LOADING_STATE.LOADED && loadingNextMessages === LOADING_STATE.LOADED
|
|
46243
|
+
}))) : loadingPrevMessages === LOADING_STATE.LOADED && loadingNextMessages === LOADING_STATE.LOADED ? (/*#__PURE__*/React__default.createElement(NoMessagesContainer, {
|
|
46190
46244
|
color: textPrimary
|
|
46191
46245
|
}, /*#__PURE__*/React__default.createElement(SvgNoMessagesIcon, null), /*#__PURE__*/React__default.createElement(NoMessagesTitle, {
|
|
46192
46246
|
color: textPrimary
|
|
46193
46247
|
}, "No Messages yet"), /*#__PURE__*/React__default.createElement(NoMessagesText, {
|
|
46194
46248
|
color: textSecondary
|
|
46195
|
-
}, "No messages yet, start the chat")))
|
|
46249
|
+
}, "No messages yet, start the chat"))) : (/*#__PURE__*/React__default.createElement(NoMessagesContainer, {
|
|
46250
|
+
color: textPrimary
|
|
46251
|
+
}, /*#__PURE__*/React__default.createElement(JumpSpinner, {
|
|
46252
|
+
"$color": iconInactive,
|
|
46253
|
+
"$size": 32
|
|
46254
|
+
}))), (attachmentsPreview === null || attachmentsPreview === void 0 ? void 0 : attachmentsPreview.show) && mediaFile && (/*#__PURE__*/React__default.createElement(SliderPopup, {
|
|
46196
46255
|
channel: channel,
|
|
46197
46256
|
setIsSliderOpen: setMediaFile,
|
|
46198
46257
|
currentMediaFile: mediaFile,
|
|
@@ -46227,7 +46286,11 @@ var Container$j = styled__default.div(_templateObject$P || (_templateObject$P =
|
|
|
46227
46286
|
return props.thumbColor;
|
|
46228
46287
|
});
|
|
46229
46288
|
var JumpOverlay = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 10;\n"])));
|
|
46230
|
-
var JumpSpinner = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width:
|
|
46289
|
+
var JumpSpinner = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n border: 2.5px solid transparent;\n border-top-color: ", ";\n border-radius: 50%;\n animation: spin 0.7s linear infinite;\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n }\n"])), function (props) {
|
|
46290
|
+
return props.$size || 26;
|
|
46291
|
+
}, function (props) {
|
|
46292
|
+
return props.$size || 26;
|
|
46293
|
+
}, function (props) {
|
|
46231
46294
|
return props.$color || '#9EA6B0';
|
|
46232
46295
|
});
|
|
46233
46296
|
var MessagesBox = styled__default.div(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n display: flex;\n padding-top: 5px;\n flex-direction: column;\n padding-bottom: 6px;\n width: 100%;\n transform: scaleY(-1);\n backface-visibility: hidden;\n filter: ", ";\n transition: filter 0.2s ease;\n"])), function (props) {
|
|
@@ -46271,13 +46334,13 @@ var DropAttachmentArea = styled__default.div(_templateObject9$h || (_templateObj
|
|
|
46271
46334
|
var MessageWrapper = styled__default.div(_templateObject0$g || (_templateObject0$g = _taggedTemplateLiteralLoose(["\n &.highlight {\n & .message_item {\n background-color: ", ";\n }\n }\n"])), function (props) {
|
|
46272
46335
|
return props.highlightBg || '#d5d5d5';
|
|
46273
46336
|
});
|
|
46274
|
-
var NoMessagesContainer = styled__default.div(_templateObject1$
|
|
46337
|
+
var NoMessagesContainer = styled__default.div(_templateObject1$e || (_templateObject1$e = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n width: 100%;\n transform: scaleY(-1);\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ", ";\n"])), function (props) {
|
|
46275
46338
|
return props.color;
|
|
46276
46339
|
});
|
|
46277
|
-
var NoMessagesTitle = styled__default.h4(_templateObject10$
|
|
46340
|
+
var NoMessagesTitle = styled__default.h4(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n margin: 12px 0 8px;\n font-family: Inter, sans-serif;\n text-align: center;\n font-size: 20px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n color: ", ";\n"])), function (props) {
|
|
46278
46341
|
return props.color;
|
|
46279
46342
|
});
|
|
46280
|
-
var NoMessagesText = styled__default.p(_templateObject11$
|
|
46343
|
+
var NoMessagesText = styled__default.p(_templateObject11$8 || (_templateObject11$8 = _taggedTemplateLiteralLoose(["\n margin: 0;\n text-align: center;\n font-feature-settings:\n 'clig' off,\n 'liga' off;\n font-family: Inter, sans-serif;\n font-size: 15px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
|
|
46281
46344
|
return props.color;
|
|
46282
46345
|
});
|
|
46283
46346
|
|
|
@@ -49701,7 +49764,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
|
|
|
49701
49764
|
return props.color;
|
|
49702
49765
|
});
|
|
49703
49766
|
|
|
49704
|
-
var _templateObject$W, _templateObject2$R, _templateObject3$I, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$q, _templateObject8$n, _templateObject9$j, _templateObject0$h, _templateObject1$
|
|
49767
|
+
var _templateObject$W, _templateObject2$R, _templateObject3$I, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$q, _templateObject8$n, _templateObject9$j, _templateObject0$h, _templateObject1$f, _templateObject10$c, _templateObject11$9, _templateObject12$6, _templateObject13$5, _templateObject14$4, _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, _templateObject35$1, _templateObject36$1, _templateObject37$1, _templateObject38$1, _templateObject39$1, _templateObject40$1, _templateObject41$1, _templateObject42, _templateObject43, _templateObject44, _templateObject45;
|
|
49705
49768
|
function AutoFocusPlugin(_ref) {
|
|
49706
49769
|
var messageForReply = _ref.messageForReply;
|
|
49707
49770
|
var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
|
|
@@ -51689,10 +51752,10 @@ var UserName$1 = styled__default.span(_templateObject9$j || (_templateObject9$j
|
|
|
51689
51752
|
var ReplyMessageBody$1 = styled__default.div(_templateObject0$h || (_templateObject0$h = _taggedTemplateLiteralLoose(["\n word-break: break-word;\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n a {\n color: ", ";\n }\n"])), function (props) {
|
|
51690
51753
|
return props.linkColor;
|
|
51691
51754
|
});
|
|
51692
|
-
var EditReplyMessageHeader = styled__default.h4(_templateObject1$
|
|
51755
|
+
var EditReplyMessageHeader = styled__default.h4(_templateObject1$f || (_templateObject1$f = _taggedTemplateLiteralLoose(["\n display: flex;\n margin: 0 0 2px;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n\n > svg {\n margin-right: 4px;\n width: 16px;\n height: 16px;\n }\n"])), function (props) {
|
|
51693
51756
|
return props.color;
|
|
51694
51757
|
});
|
|
51695
|
-
var AddAttachmentIcon = styled__default.span(_templateObject10$
|
|
51758
|
+
var AddAttachmentIcon = styled__default.span(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n display: flex;\n height: ", ";\n align-items: center;\n margin: 0 8px;\n cursor: pointer;\n line-height: 13px;\n z-index: 2;\n order: ", ";\n\n > svg {\n ", ";\n width: 24px;\n }\n\n &:hover > svg {\n color: ", ";\n }\n"])), function (props) {
|
|
51696
51759
|
return props.height ? props.height + "px" : '36px';
|
|
51697
51760
|
}, function (props) {
|
|
51698
51761
|
return props.order === 0 || props.order ? props.order : 1;
|
|
@@ -51701,21 +51764,21 @@ var AddAttachmentIcon = styled__default.span(_templateObject10$b || (_templateOb
|
|
|
51701
51764
|
}, function (props) {
|
|
51702
51765
|
return props.hoverColor;
|
|
51703
51766
|
});
|
|
51704
|
-
var SendMessageInputContainer = styled__default.div(_templateObject11$
|
|
51767
|
+
var SendMessageInputContainer = styled__default.div(_templateObject11$9 || (_templateObject11$9 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n justify-content: space-between;\n position: relative;\n min-height: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n\n & .dropdown-trigger.open {\n color: #ccc;\n\n & ", " {\n & > svg {\n color: ", ";\n }\n ;\n }\n }\n}\n"])), function (props) {
|
|
51705
51768
|
return props.minHeight || '36px';
|
|
51706
51769
|
}, function (props) {
|
|
51707
51770
|
return props.messageForReply ? '0 0 4px 4px' : '4px';
|
|
51708
51771
|
}, AddAttachmentIcon, function (props) {
|
|
51709
51772
|
return props.iconColor;
|
|
51710
51773
|
});
|
|
51711
|
-
var MessageInputWrapper = styled__default.div(_templateObject12$
|
|
51774
|
+
var MessageInputWrapper = styled__default.div(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 100%;\n max-width: calc(100% - 50px);\n //max-width: ", ";\n //max-width: calc(100% - 110px);\n background-color: ", ";\n border-radius: ", ";\n position: relative;\n"])), function (props) {
|
|
51712
51775
|
return props.channelDetailsIsOpen ? "calc(100% - " + (props.channelDetailsIsOpen ? 362 : 0) + "px)" : '';
|
|
51713
51776
|
}, function (props) {
|
|
51714
51777
|
return props.backgroundColor;
|
|
51715
51778
|
}, function (props) {
|
|
51716
51779
|
return props.borderRadius || '18px';
|
|
51717
51780
|
});
|
|
51718
|
-
var LexicalWrapper = styled__default.div(_templateObject13$
|
|
51781
|
+
var LexicalWrapper = styled__default.div(_templateObject13$5 || (_templateObject13$5 = _taggedTemplateLiteralLoose(["\n position: relative;\n width: 100%;\n\n & .rich_text_editor {\n width: 100%;\n max-height: 80px;\n min-height: 20px;\n display: block;\n border: none;\n box-sizing: border-box;\n outline: none !important;\n border-radius: ", ";\n background-color: ", ";\n padding: ", ";\n color: ", ";\n order: ", ";\n overflow-y: auto;\n overflow-x: hidden;\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\n & p {\n font-size: 15px;\n line-height: 20px;\n color: ", ";\n }\n\n &::selection {\n background-color: ", ";\n }\n\n & *::selection {\n background-color: ", ";\n }\n\n & span::selection {\n background-color: ", ";\n }\n\n &:empty:before {\n content: attr(data-placeholder);\n }\n\n & .content_editable_input {\n border: none !important;\n outline: none !important;\n }\n\n & .mention {\n color: ", ";\n background-color: inherit !important;\n user-modify: read-only;\n }\n\n & span.bold {\n font-weight: bold;\n }\n\n & .editor_paragraph {\n margin: 0;\n }\n\n & .text_bold {\n font-weight: 600;\n }\n\n & .text_italic {\n font-style: italic;\n }\n\n & .text_underline {\n text-decoration: underline;\n }\n\n & .text_strikethrough {\n text-decoration: line-through;\n }\n\n & .text_underlineStrikethrough {\n text-decoration: underline line-through;\n }\n\n & code {\n font-family: inherit;\n letter-spacing: 4px;\n }\n }\n"])), function (props) {
|
|
51719
51782
|
return props.borderRadius;
|
|
51720
51783
|
}, function (props) {
|
|
51721
51784
|
return props.backgroundColor;
|
|
@@ -51738,7 +51801,7 @@ var LexicalWrapper = styled__default.div(_templateObject13$4 || (_templateObject
|
|
|
51738
51801
|
}, function (props) {
|
|
51739
51802
|
return props.mentionColor;
|
|
51740
51803
|
});
|
|
51741
|
-
var Placeholder = styled__default.span(_templateObject14$
|
|
51804
|
+
var Placeholder = styled__default.span(_templateObject14$4 || (_templateObject14$4 = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n pointer-events: none;\n color: ", ";\n padding: ", ";\n line-height: 20px;\n\n @media (max-width: 768px) {\n font-size: 13px;\n }\n"])), function (props) {
|
|
51742
51805
|
return props.color;
|
|
51743
51806
|
}, function (props) {
|
|
51744
51807
|
return props.paddings || '8px 6px';
|
|
@@ -52583,7 +52646,7 @@ var EmptyText = styled__default.div(_templateObject7$s || (_templateObject7$s =
|
|
|
52583
52646
|
});
|
|
52584
52647
|
var ChevronRightIconWrapper = styled__default.span(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n\n & > svg {\n width: 16px;\n height: 16px;\n transform: rotate(-90deg);\n }\n"])));
|
|
52585
52648
|
|
|
52586
|
-
var _templateObject$_, _templateObject2$V, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$w, _templateObject7$t, _templateObject8$q, _templateObject9$k, _templateObject0$i, _templateObject1$
|
|
52649
|
+
var _templateObject$_, _templateObject2$V, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$w, _templateObject7$t, _templateObject8$q, _templateObject9$k, _templateObject0$i, _templateObject1$g, _templateObject10$d, _templateObject11$a, _templateObject12$7, _templateObject13$6, _templateObject14$5, _templateObject15$3, _templateObject16$3, _templateObject17$3, _templateObject18$3, _templateObject19$3, _templateObject20$3;
|
|
52587
52650
|
var Actions = function Actions(_ref) {
|
|
52588
52651
|
var _getDisappearingSetti;
|
|
52589
52652
|
var setActionsHeight = _ref.setActionsHeight,
|
|
@@ -53117,12 +53180,12 @@ var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$t || (_templateO
|
|
|
53117
53180
|
var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$q || (_templateObject8$q = _taggedTemplateLiteralLoose([""])));
|
|
53118
53181
|
var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
|
|
53119
53182
|
var DefaultMarkAsRead = styled__default(SvgMarkAsRead)(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose([""])));
|
|
53120
|
-
var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnRead)(_templateObject1$
|
|
53121
|
-
var DefaultBlockIcon = styled__default(SvgBlockChannel)(_templateObject10$
|
|
53122
|
-
var DefaultReportIcon = styled__default(SvgReport)(_templateObject11$
|
|
53123
|
-
var DefaultClearIcon = styled__default(SvgClear)(_templateObject12$
|
|
53124
|
-
var DefaultDeleteChannelIcon = styled__default(SvgDeleteChannel)(_templateObject13$
|
|
53125
|
-
var DefaultBottomIcon = styled__default(SvgBottom)(_templateObject14$
|
|
53183
|
+
var DefaultMarkAsUnRead = styled__default(SvgMarkAsUnRead)(_templateObject1$g || (_templateObject1$g = _taggedTemplateLiteralLoose([""])));
|
|
53184
|
+
var DefaultBlockIcon = styled__default(SvgBlockChannel)(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose([""])));
|
|
53185
|
+
var DefaultReportIcon = styled__default(SvgReport)(_templateObject11$a || (_templateObject11$a = _taggedTemplateLiteralLoose([""])));
|
|
53186
|
+
var DefaultClearIcon = styled__default(SvgClear)(_templateObject12$7 || (_templateObject12$7 = _taggedTemplateLiteralLoose([""])));
|
|
53187
|
+
var DefaultDeleteChannelIcon = styled__default(SvgDeleteChannel)(_templateObject13$6 || (_templateObject13$6 = _taggedTemplateLiteralLoose([""])));
|
|
53188
|
+
var DefaultBottomIcon = styled__default(SvgBottom)(_templateObject14$5 || (_templateObject14$5 = _taggedTemplateLiteralLoose([""])));
|
|
53126
53189
|
var DefaultMarkAsReadIcon = styled__default(SvgLeave)(_templateObject15$3 || (_templateObject15$3 = _taggedTemplateLiteralLoose([""])));
|
|
53127
53190
|
var DefaultWatchIcon = styled__default(SvgWatch)(_templateObject16$3 || (_templateObject16$3 = _taggedTemplateLiteralLoose(["\n width: 24px;\n height: 24px;\n\n path.watch-ticks,\n path:nth-child(2) {\n fill: ", " !important;\n }\n"])), function (props) {
|
|
53128
53191
|
return props.$isLightMode ? '#FFFFFF' : '#000000';
|
|
@@ -54057,7 +54120,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
54057
54120
|
});
|
|
54058
54121
|
}
|
|
54059
54122
|
|
|
54060
|
-
var _templateObject$16, _templateObject2$11, _templateObject3$U, _templateObject4$K, _templateObject5$F, _templateObject6$z, _templateObject7$w, _templateObject8$t, _templateObject9$m, _templateObject0$k, _templateObject1$
|
|
54123
|
+
var _templateObject$16, _templateObject2$11, _templateObject3$U, _templateObject4$K, _templateObject5$F, _templateObject6$z, _templateObject7$w, _templateObject8$t, _templateObject9$m, _templateObject0$k, _templateObject1$h, _templateObject10$e, _templateObject11$b, _templateObject12$8, _templateObject13$7;
|
|
54061
54124
|
function loadImage$1(src) {
|
|
54062
54125
|
return new Promise(function (resolve, reject) {
|
|
54063
54126
|
var img = document.createElement('img');
|
|
@@ -54667,19 +54730,19 @@ var CopyButtonWrapper = styled__default.div(_templateObject9$m || (_templateObje
|
|
|
54667
54730
|
var SectionTitle = styled__default.h4(_templateObject0$k || (_templateObject0$k = _taggedTemplateLiteralLoose(["\n margin: 16px 0 8px;\n font-weight: 500;\n font-size: 15px;\n line-height: 16px;\n color: ", ";\n"])), function (p) {
|
|
54668
54731
|
return p.color;
|
|
54669
54732
|
});
|
|
54670
|
-
var HistoryRow = styled__default.div(_templateObject1$
|
|
54671
|
-
var Switch = styled__default.div(_templateObject10$
|
|
54733
|
+
var HistoryRow = styled__default.div(_templateObject1$h || (_templateObject1$h = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 12px;\n"])));
|
|
54734
|
+
var Switch = styled__default.div(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose(["\n width: 44px;\n height: 26px;\n border-radius: 13px;\n background: ", ";\n position: relative;\n cursor: pointer;\n transition: background 0.2s ease;\n\n &:after {\n content: '';\n position: absolute;\n top: 3px;\n left: ", ";\n width: 20px;\n height: 20px;\n background: #fff;\n border-radius: 50%;\n transition: left 0.2s ease;\n }\n"])), function (p) {
|
|
54672
54735
|
return p.active ? p.accent : 'rgba(226,226,226,1)';
|
|
54673
54736
|
}, function (p) {
|
|
54674
54737
|
return p.active ? '22px' : '3px';
|
|
54675
54738
|
});
|
|
54676
|
-
var ResetLink = styled__default.button(_templateObject11$
|
|
54677
|
-
var QRCodeBox = styled__default.div(_templateObject12$
|
|
54739
|
+
var ResetLink = styled__default.button(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose(["\n margin-top: 12px;\n border: none;\n background: transparent;\n color: #ff4d4f;\n cursor: pointer;\n"])));
|
|
54740
|
+
var QRCodeBox = styled__default.div(_templateObject12$8 || (_templateObject12$8 = _taggedTemplateLiteralLoose(["\n border-radius: 8px;\n border: 1px solid ", ";\n background-color: ", ";\n display: flex;\n width: max-content;\n padding: 13.5px;\n margin: auto;\n position: relative;\n"])), function (p) {
|
|
54678
54741
|
return p.borderColor;
|
|
54679
54742
|
}, function (p) {
|
|
54680
54743
|
return p.backgroundColor;
|
|
54681
54744
|
});
|
|
54682
|
-
var QrHint = styled__default.p(_templateObject13$
|
|
54745
|
+
var QrHint = styled__default.p(_templateObject13$7 || (_templateObject13$7 = _taggedTemplateLiteralLoose(["\n text-align: center;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n margin: 12px 0 0;\n"])), function (p) {
|
|
54683
54746
|
return p.color;
|
|
54684
54747
|
});
|
|
54685
54748
|
|
|
@@ -55449,7 +55512,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
55449
55512
|
})));
|
|
55450
55513
|
};
|
|
55451
55514
|
|
|
55452
|
-
var _templateObject$1a, _templateObject2$15, _templateObject3$X, _templateObject4$N, _templateObject5$H, _templateObject6$B, _templateObject7$y, _templateObject8$v, _templateObject9$o, _templateObject0$l, _templateObject1$
|
|
55515
|
+
var _templateObject$1a, _templateObject2$15, _templateObject3$X, _templateObject4$N, _templateObject5$H, _templateObject6$B, _templateObject7$y, _templateObject8$v, _templateObject9$o, _templateObject0$l, _templateObject1$i, _templateObject10$f, _templateObject11$c;
|
|
55453
55516
|
var Details = function Details(_ref) {
|
|
55454
55517
|
var _activeChannel$member;
|
|
55455
55518
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -55943,9 +56006,9 @@ var ChannelName$1 = styled__default(SectionHeader)(_templateObject0$l || (_templ
|
|
|
55943
56006
|
}, function (props) {
|
|
55944
56007
|
return props.uppercase && 'uppercase';
|
|
55945
56008
|
});
|
|
55946
|
-
var ChannelNameWrapper = styled__default.div(_templateObject1$
|
|
55947
|
-
var EditButton = styled__default.span(_templateObject10$
|
|
55948
|
-
var PhoneNumberContainer = styled__default.span(_templateObject11$
|
|
56009
|
+
var ChannelNameWrapper = styled__default.div(_templateObject1$i || (_templateObject1$i = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n"])));
|
|
56010
|
+
var EditButton = styled__default.span(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n margin-left: 6px;\n cursor: pointer;\n color: #b2b6be;\n"])));
|
|
56011
|
+
var PhoneNumberContainer = styled__default.span(_templateObject11$c || (_templateObject11$c = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: text;\n"])));
|
|
55949
56012
|
|
|
55950
56013
|
var _path$1M;
|
|
55951
56014
|
function _extends$1Q() {
|
|
@@ -55991,7 +56054,7 @@ function SvgChevronDownSearch(props) {
|
|
|
55991
56054
|
})));
|
|
55992
56055
|
}
|
|
55993
56056
|
|
|
55994
|
-
var _templateObject$1b, _templateObject2$16, _templateObject3$Y, _templateObject4$O, _templateObject5$I, _templateObject6$C, _templateObject7$z, _templateObject8$w, _templateObject9$p, _templateObject0$m, _templateObject1$
|
|
56057
|
+
var _templateObject$1b, _templateObject2$16, _templateObject3$Y, _templateObject4$O, _templateObject5$I, _templateObject6$C, _templateObject7$z, _templateObject8$w, _templateObject9$p, _templateObject0$m, _templateObject1$j, _templateObject10$g, _templateObject11$d, _templateObject12$9, _templateObject13$8, _templateObject14$6, _templateObject15$4, _templateObject16$4, _templateObject17$4, _templateObject18$4, _templateObject19$4, _templateObject20$4, _templateObject21$3, _templateObject22$2, _templateObject23$2, _templateObject24$2, _templateObject25$2;
|
|
55995
56058
|
var SEARCH_DEBOUNCE_MS = 400;
|
|
55996
56059
|
function formatMessageDate(date) {
|
|
55997
56060
|
if (!date) return '';
|
|
@@ -56449,22 +56512,22 @@ var NavButton = styled__default.button(_templateObject0$m || (_templateObject0$m
|
|
|
56449
56512
|
}, function (p) {
|
|
56450
56513
|
return p.iconColor;
|
|
56451
56514
|
});
|
|
56452
|
-
var ClearButton = styled__default.button(_templateObject1$
|
|
56515
|
+
var ClearButton = styled__default.button(_templateObject1$j || (_templateObject1$j = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n padding: 2px;\n border-radius: 50%;\n &:hover {\n background-color: ", ";\n }\n\n & > svg {\n width: 11px;\n height: 11px;\n }\n"])), function (p) {
|
|
56453
56516
|
return p.hoverBackground;
|
|
56454
56517
|
});
|
|
56455
|
-
var ResultsList = styled__default.div(_templateObject10$
|
|
56456
|
-
var StatusText$1 = styled__default.p(_templateObject11$
|
|
56518
|
+
var ResultsList = styled__default.div(_templateObject10$g || (_templateObject10$g = _taggedTemplateLiteralLoose(["\n flex: 1;\n overflow-y: auto;\n padding: 0 8px 8px 8px;\n"])));
|
|
56519
|
+
var StatusText$1 = styled__default.p(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n text-align: center;\n color: ", ";\n ", "\n align-items: center;\n display: flex;\n justify-content: center;\n font-weight: 400;\n font-size: 15px;\n line-height: 20px;\n margin: 0;\n"])), function (p) {
|
|
56457
56520
|
return p.color;
|
|
56458
56521
|
}, function (props) {
|
|
56459
56522
|
return props.full ? 'height: 100%;' : '';
|
|
56460
56523
|
});
|
|
56461
|
-
var GroupSection = styled__default.div(_templateObject12$
|
|
56462
|
-
var GroupLabel = styled__default.div(_templateObject13$
|
|
56524
|
+
var GroupSection = styled__default.div(_templateObject12$9 || (_templateObject12$9 = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
56525
|
+
var GroupLabel = styled__default.div(_templateObject13$8 || (_templateObject13$8 = _taggedTemplateLiteralLoose(["\n position: sticky;\n top: 0;\n z-index: 1;\n background-color: ", ";\n text-transform: capitalize;\n letter-spacing: 0.5px;\n color: ", ";\n padding: 12px 16px 4px;\n font-weight: 500;\n font-size: 13px;\n line-height: 16px;\n user-select: none;\n"])), function (p) {
|
|
56463
56526
|
return p.backgroundColor;
|
|
56464
56527
|
}, function (p) {
|
|
56465
56528
|
return p.color;
|
|
56466
56529
|
});
|
|
56467
|
-
var ResultItem = styled__default.div(_templateObject14$
|
|
56530
|
+
var ResultItem = styled__default.div(_templateObject14$6 || (_templateObject14$6 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-start;\n gap: 10px;\n padding: 7px 8px;\n cursor: pointer;\n transition: background-color 0.1s;\n border-radius: 12px;\n background-color: ", ";\n &:hover {\n background-color: ", ";\n }\n"])), function (p) {
|
|
56468
56531
|
return p.isActive ? p.hoverBackground : 'transparent';
|
|
56469
56532
|
}, function (p) {
|
|
56470
56533
|
return p.hoverBackground;
|