sceyt-chat-react-uikit 1.7.6-beta.13 → 1.7.6-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/AudioPlayer/AudioVisualization.d.ts +14 -0
- package/index.js +267 -170
- package/index.modern.js +267 -170
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -15005,7 +15005,7 @@ function watchForEvents() {
|
|
|
15005
15005
|
case 74:
|
|
15006
15006
|
markersMap[messageId] = true;
|
|
15007
15007
|
if (_channel6) {
|
|
15008
|
-
if (_channel6.lastMessage && messageId === _channel6.lastMessage.id
|
|
15008
|
+
if (_channel6.lastMessage && messageId === _channel6.lastMessage.id) {
|
|
15009
15009
|
updateLastMessage = true;
|
|
15010
15010
|
}
|
|
15011
15011
|
}
|
|
@@ -19065,7 +19065,7 @@ function sendMessage(action) {
|
|
|
19065
19065
|
_context2.n = 13;
|
|
19066
19066
|
break;
|
|
19067
19067
|
case 12:
|
|
19068
|
-
throw Error('
|
|
19068
|
+
throw new Error('Connection required to send message');
|
|
19069
19069
|
case 13:
|
|
19070
19070
|
_context2.n = 16;
|
|
19071
19071
|
break;
|
|
@@ -32242,8 +32242,74 @@ class WaveSurfer extends Player {
|
|
|
32242
32242
|
WaveSurfer.BasePlugin = BasePlugin;
|
|
32243
32243
|
WaveSurfer.dom = dom;
|
|
32244
32244
|
|
|
32245
|
-
var _templateObject$v, _templateObject2$r
|
|
32245
|
+
var _templateObject$v, _templateObject2$r;
|
|
32246
|
+
var AudioVisualization = function AudioVisualization(_ref) {
|
|
32247
|
+
var tmb = _ref.tmb,
|
|
32248
|
+
duration = _ref.duration,
|
|
32249
|
+
currentTime = _ref.currentTime,
|
|
32250
|
+
waveColor = _ref.waveColor,
|
|
32251
|
+
progressColor = _ref.progressColor,
|
|
32252
|
+
_ref$height = _ref.height,
|
|
32253
|
+
height = _ref$height === void 0 ? 20 : _ref$height,
|
|
32254
|
+
_ref$barWidth = _ref.barWidth,
|
|
32255
|
+
barWidth = _ref$barWidth === void 0 ? 1 : _ref$barWidth,
|
|
32256
|
+
_ref$barGap = _ref.barGap,
|
|
32257
|
+
barGap = _ref$barGap === void 0 ? 2 : _ref$barGap,
|
|
32258
|
+
_ref$barRadius = _ref.barRadius,
|
|
32259
|
+
barRadius = _ref$barRadius === void 0 ? 1.5 : _ref$barRadius;
|
|
32260
|
+
var normalizedBars = React.useMemo(function () {
|
|
32261
|
+
if (!tmb || tmb.length === 0) return [];
|
|
32262
|
+
var maxVal = Math.max.apply(Math, tmb);
|
|
32263
|
+
if (maxVal === 0) return [];
|
|
32264
|
+
return tmb.map(function (value) {
|
|
32265
|
+
var normalized = value / maxVal * height;
|
|
32266
|
+
return Math.max(2, normalized);
|
|
32267
|
+
});
|
|
32268
|
+
}, [tmb, height]);
|
|
32269
|
+
var progressPercentage = duration > 0 ? currentTime / duration * 100 : 0;
|
|
32270
|
+
var lastPlayedBarIndex = React.useMemo(function () {
|
|
32271
|
+
if (progressPercentage === 0) return -1;
|
|
32272
|
+
var barIndex = Math.floor(progressPercentage / 100 * normalizedBars.length);
|
|
32273
|
+
return Math.min(barIndex, normalizedBars.length - 1);
|
|
32274
|
+
}, [progressPercentage, normalizedBars.length]);
|
|
32275
|
+
return /*#__PURE__*/React__default.createElement(Container$e, {
|
|
32276
|
+
height: height
|
|
32277
|
+
}, normalizedBars.map(function (barHeight, index) {
|
|
32278
|
+
var barPosition = index / normalizedBars.length * 100;
|
|
32279
|
+
var isPlayed = barPosition < progressPercentage;
|
|
32280
|
+
var isLastPlayed = index === lastPlayedBarIndex;
|
|
32281
|
+
var finalHeight = isLastPlayed ? Math.min(barHeight * 1.3, height) : barHeight;
|
|
32282
|
+
return /*#__PURE__*/React__default.createElement(Bar, {
|
|
32283
|
+
key: index,
|
|
32284
|
+
height: finalHeight,
|
|
32285
|
+
width: barWidth,
|
|
32286
|
+
gap: barGap,
|
|
32287
|
+
radius: barRadius,
|
|
32288
|
+
color: isPlayed ? progressColor : waveColor,
|
|
32289
|
+
isBold: isLastPlayed
|
|
32290
|
+
});
|
|
32291
|
+
}));
|
|
32292
|
+
};
|
|
32293
|
+
var Container$e = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: ", "px;\n width: 100%;\n gap: 2px;\n"])), function (props) {
|
|
32294
|
+
return props.height;
|
|
32295
|
+
});
|
|
32296
|
+
var Bar = styled__default.div(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n width: ", "px;\n height: ", "px;\n background-color: ", ";\n border-radius: ", "px;\n min-height: 2px;\n transition:\n background-color 0.1s ease,\n height 0.1s ease,\n opacity 0.1s ease;\n opacity: ", ";\n ", "\n"])), function (props) {
|
|
32297
|
+
return props.width;
|
|
32298
|
+
}, function (props) {
|
|
32299
|
+
return props.height;
|
|
32300
|
+
}, function (props) {
|
|
32301
|
+
return props.color;
|
|
32302
|
+
}, function (props) {
|
|
32303
|
+
return props.radius;
|
|
32304
|
+
}, function (props) {
|
|
32305
|
+
return props.isBold ? 1 : 0.8;
|
|
32306
|
+
}, function (props) {
|
|
32307
|
+
return props.isBold ? "\n box-shadow: 0 0 4px " + props.color + ";\n filter: brightness(1.2);\n " : '';
|
|
32308
|
+
});
|
|
32309
|
+
|
|
32310
|
+
var _templateObject$w, _templateObject2$s, _templateObject3$m, _templateObject4$i, _templateObject5$f, _templateObject6$d, _templateObject7$c;
|
|
32246
32311
|
var AudioPlayer = function AudioPlayer(_ref) {
|
|
32312
|
+
var _file$metadata, _file$metadata2, _file$metadata3;
|
|
32247
32313
|
var url = _ref.url,
|
|
32248
32314
|
file = _ref.file,
|
|
32249
32315
|
messagePlayed = _ref.messagePlayed,
|
|
@@ -32275,9 +32341,15 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32275
32341
|
var _useState4 = React.useState(''),
|
|
32276
32342
|
currentTime = _useState4[0],
|
|
32277
32343
|
setCurrentTime = _useState4[1];
|
|
32278
|
-
var _useState5 = React.useState(
|
|
32279
|
-
|
|
32280
|
-
|
|
32344
|
+
var _useState5 = React.useState(0),
|
|
32345
|
+
currentTimeSeconds = _useState5[0],
|
|
32346
|
+
setCurrentTimeSeconds = _useState5[1];
|
|
32347
|
+
var _useState6 = React.useState(0),
|
|
32348
|
+
duration = _useState6[0],
|
|
32349
|
+
setDuration = _useState6[1];
|
|
32350
|
+
var _useState7 = React.useState(1),
|
|
32351
|
+
audioRate = _useState7[0],
|
|
32352
|
+
setAudioRate = _useState7[1];
|
|
32281
32353
|
var wavesurfer = React.useRef(null);
|
|
32282
32354
|
var wavesurferContainer = React.useRef(null);
|
|
32283
32355
|
var intervalRef = React.useRef(null);
|
|
@@ -32306,6 +32378,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32306
32378
|
var currentTime = wavesurfer.current.getCurrentTime();
|
|
32307
32379
|
if (currentTime >= 0) {
|
|
32308
32380
|
setCurrentTime(formatAudioVideoTime(currentTime));
|
|
32381
|
+
setCurrentTimeSeconds(currentTime);
|
|
32309
32382
|
}
|
|
32310
32383
|
}, 10);
|
|
32311
32384
|
} else {
|
|
@@ -32357,6 +32430,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32357
32430
|
return clearInterval(recordingInterval);
|
|
32358
32431
|
};
|
|
32359
32432
|
}, [recording.initRecording]);
|
|
32433
|
+
console.log('file', file === null || file === void 0 ? void 0 : file.metadata);
|
|
32360
32434
|
React.useEffect(function () {
|
|
32361
32435
|
if (url) {
|
|
32362
32436
|
if (url !== '_' && !isRendered && wavesurfer && wavesurfer.current) {
|
|
@@ -32367,8 +32441,8 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32367
32441
|
try {
|
|
32368
32442
|
wavesurfer.current = WaveSurfer.create({
|
|
32369
32443
|
container: wavesurferContainer.current,
|
|
32370
|
-
waveColor:
|
|
32371
|
-
progressColor:
|
|
32444
|
+
waveColor: 'transparent',
|
|
32445
|
+
progressColor: 'transparent',
|
|
32372
32446
|
audioRate: audioRate,
|
|
32373
32447
|
barWidth: 1,
|
|
32374
32448
|
barHeight: 1,
|
|
@@ -32381,6 +32455,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32381
32455
|
var peaks;
|
|
32382
32456
|
if (file.metadata) {
|
|
32383
32457
|
if (file.metadata.dur) {
|
|
32458
|
+
setDuration(file.metadata.dur);
|
|
32384
32459
|
setCurrentTime(formatAudioVideoTime(file.metadata.dur));
|
|
32385
32460
|
}
|
|
32386
32461
|
if (file.metadata.tmb) {
|
|
@@ -32396,6 +32471,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32396
32471
|
wavesurfer.current.load(url, peaks);
|
|
32397
32472
|
wavesurfer.current.on('ready', function () {
|
|
32398
32473
|
var audioDuration = wavesurfer.current.getDuration();
|
|
32474
|
+
setDuration(audioDuration);
|
|
32399
32475
|
setCurrentTime(formatAudioVideoTime(audioDuration));
|
|
32400
32476
|
wavesurfer.current.drawBuffer = function (d) {
|
|
32401
32477
|
log.info('filters --- ', d);
|
|
@@ -32405,7 +32481,9 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32405
32481
|
setPlayAudio(false);
|
|
32406
32482
|
wavesurfer.current.seekTo(0);
|
|
32407
32483
|
var audioDuration = wavesurfer.current.getDuration();
|
|
32408
|
-
|
|
32484
|
+
setDuration(audioDuration);
|
|
32485
|
+
setCurrentTime(formatAudioVideoTime(0));
|
|
32486
|
+
setCurrentTimeSeconds(0);
|
|
32409
32487
|
if (playingAudioId === file.id) {
|
|
32410
32488
|
dispatch(setPlayingAudioIdAC(null));
|
|
32411
32489
|
}
|
|
@@ -32421,6 +32499,7 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32421
32499
|
wavesurfer.current.on('interaction', function () {
|
|
32422
32500
|
var currentTime = wavesurfer.current.getCurrentTime();
|
|
32423
32501
|
setCurrentTime(formatAudioVideoTime(currentTime));
|
|
32502
|
+
setCurrentTimeSeconds(currentTime);
|
|
32424
32503
|
});
|
|
32425
32504
|
if (url !== '_') {
|
|
32426
32505
|
setIsRendered(true);
|
|
@@ -32445,35 +32524,53 @@ var AudioPlayer = function AudioPlayer(_ref) {
|
|
|
32445
32524
|
wavesurfer.current.pause();
|
|
32446
32525
|
}
|
|
32447
32526
|
}, [playingAudioId]);
|
|
32448
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
32527
|
+
return /*#__PURE__*/React__default.createElement(Container$f, null, /*#__PURE__*/React__default.createElement(PlayPause, {
|
|
32449
32528
|
onClick: handlePlayPause,
|
|
32450
32529
|
iconColor: accentColor
|
|
32451
|
-
}, playAudio ? /*#__PURE__*/React__default.createElement(SvgPause, null) : /*#__PURE__*/React__default.createElement(SvgPlay, null)), /*#__PURE__*/React__default.createElement(WaveContainer, null, /*#__PURE__*/React__default.createElement(
|
|
32452
|
-
ref: wavesurferContainer
|
|
32453
|
-
|
|
32530
|
+
}, playAudio ? /*#__PURE__*/React__default.createElement(SvgPause, null) : /*#__PURE__*/React__default.createElement(SvgPlay, null)), /*#__PURE__*/React__default.createElement(WaveContainer, null, /*#__PURE__*/React__default.createElement(VisualizationWrapper, null, /*#__PURE__*/React__default.createElement(AudioVisualizationPlaceholder, {
|
|
32531
|
+
ref: wavesurferContainer,
|
|
32532
|
+
hidden: !!((_file$metadata = file.metadata) !== null && _file$metadata !== void 0 && _file$metadata.tmb && Array.isArray(file.metadata.tmb))
|
|
32533
|
+
}), ((_file$metadata2 = file.metadata) === null || _file$metadata2 === void 0 ? void 0 : _file$metadata2.tmb) && Array.isArray(file.metadata.tmb) && (/*#__PURE__*/React__default.createElement(AudioVisualization, {
|
|
32534
|
+
tmb: file.metadata.tmb,
|
|
32535
|
+
duration: duration || file.metadata.dur || 0,
|
|
32536
|
+
currentTime: currentTimeSeconds,
|
|
32537
|
+
waveColor: textSecondary,
|
|
32538
|
+
progressColor: accentColor,
|
|
32539
|
+
height: 20,
|
|
32540
|
+
barWidth: 1,
|
|
32541
|
+
barGap: 2,
|
|
32542
|
+
barRadius: 1.5
|
|
32543
|
+
}))), /*#__PURE__*/React__default.createElement(AudioRate, {
|
|
32454
32544
|
color: textSecondary,
|
|
32455
32545
|
onClick: handleSetAudioRate,
|
|
32456
32546
|
backgroundColor: backgroundSections
|
|
32457
32547
|
}, audioRate, /*#__PURE__*/React__default.createElement("span", null, "X"))), /*#__PURE__*/React__default.createElement(Timer$1, {
|
|
32458
32548
|
color: textSecondary
|
|
32459
|
-
}, currentTime));
|
|
32549
|
+
}, currentTime || formatAudioVideoTime(((_file$metadata3 = file.metadata) === null || _file$metadata3 === void 0 ? void 0 : _file$metadata3.dur) || 0)));
|
|
32460
32550
|
};
|
|
32461
|
-
var Container$
|
|
32462
|
-
var PlayPause = styled__default.div(_templateObject2$
|
|
32551
|
+
var Container$f = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: flex-start;\n width: 230px;\n padding: 8px 12px;\n"])));
|
|
32552
|
+
var PlayPause = styled__default.div(_templateObject2$s || (_templateObject2$s = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n\n & > svg {\n color: ", ";\n display: flex;\n width: 40px;\n height: 40px;\n }\n"])), function (props) {
|
|
32463
32553
|
return props.iconColor;
|
|
32464
32554
|
});
|
|
32465
|
-
var
|
|
32466
|
-
var
|
|
32555
|
+
var VisualizationWrapper = styled__default.div(_templateObject3$m || (_templateObject3$m = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n align-items: center;\n position: relative;\n"])));
|
|
32556
|
+
var AudioVisualizationPlaceholder = styled__default.div(_templateObject4$i || (_templateObject4$i = _taggedTemplateLiteralLoose(["\n width: 100%;\n position: ", ";\n opacity: ", ";\n pointer-events: ", ";\n"])), function (props) {
|
|
32557
|
+
return props.hidden ? 'absolute' : 'relative';
|
|
32558
|
+
}, function (props) {
|
|
32559
|
+
return props.hidden ? 0 : 1;
|
|
32560
|
+
}, function (props) {
|
|
32561
|
+
return props.hidden ? 'none' : 'auto';
|
|
32562
|
+
});
|
|
32563
|
+
var AudioRate = styled__default.div(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n width: 30px;\n min-width: 30px;\n border-radius: 12px;\n font-weight: 600;\n font-size: 12px;\n line-height: 14px;\n color: ", ";\n height: 18px;\n box-sizing: border-box;\n margin-left: 14px;\n cursor: pointer;\n\n & > span {\n margin-top: auto;\n line-height: 16px;\n font-size: 9px;\n }\n"])), function (props) {
|
|
32467
32564
|
return props.backgroundColor;
|
|
32468
32565
|
}, function (props) {
|
|
32469
32566
|
return props.color;
|
|
32470
32567
|
});
|
|
32471
|
-
var WaveContainer = styled__default.div(
|
|
32472
|
-
var Timer$1 = styled__default.div(
|
|
32568
|
+
var WaveContainer = styled__default.div(_templateObject6$d || (_templateObject6$d = _taggedTemplateLiteralLoose(["\n width: 100%;\n display: flex;\n margin-left: 8px;\n"])));
|
|
32569
|
+
var Timer$1 = styled__default.div(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 59px;\n bottom: 12px;\n display: inline-block;\n font-weight: 400;\n font-size: 11px;\n line-height: 12px;\n color: ", ";\n"])), function (props) {
|
|
32473
32570
|
return props.color;
|
|
32474
32571
|
});
|
|
32475
32572
|
|
|
32476
|
-
var _templateObject$
|
|
32573
|
+
var _templateObject$x, _templateObject2$t, _templateObject3$n, _templateObject4$j, _templateObject5$g, _templateObject6$e, _templateObject7$d, _templateObject8$b, _templateObject9$a, _templateObject0$9, _templateObject1$6, _templateObject10$3, _templateObject11$3;
|
|
32477
32574
|
var Attachment = function Attachment(_ref) {
|
|
32478
32575
|
var attachment = _ref.attachment,
|
|
32479
32576
|
_ref$isPreview = _ref.isPreview,
|
|
@@ -33113,8 +33210,8 @@ var Attachment = function Attachment(_ref) {
|
|
|
33113
33210
|
var Attachment$1 = /*#__PURE__*/React__default.memo(Attachment, function (prevProps, nextProps) {
|
|
33114
33211
|
return prevProps.attachment.url === nextProps.attachment.url && prevProps.handleMediaItemClick === nextProps.handleMediaItemClick && prevProps.attachment.attachmentUrl === nextProps.attachment.attachmentUrl;
|
|
33115
33212
|
});
|
|
33116
|
-
var DownloadImage = styled__default.div(_templateObject$
|
|
33117
|
-
var AttachmentImgCont = styled__default.div(_templateObject2$
|
|
33213
|
+
var DownloadImage = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n position: absolute;\n visibility: hidden;\n opacity: 0;\n width: 28px;\n height: 28px;\n top: 12px;\n right: 17px;\n border-radius: 50%;\n line-height: 35px;\n text-align: center;\n cursor: pointer;\n background: #ffffff;\n box-shadow: 0 4px 4px rgba(6, 10, 38, 0.2);\n transition: all 0.1s;\n\n & > svg {\n width: 16px;\n }\n"])));
|
|
33214
|
+
var AttachmentImgCont = styled__default.div(_templateObject2$t || (_templateObject2$t = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n margin-right: ", ";\n min-width: ", ";\n height: ", ";\n width: ", ";\n max-width: 100%;\n height: ", ";\n max-height: 400px;\n min-height: ", ";\n cursor: pointer;\n\n ", "\n\n &:hover ", " {\n visibility: visible;\n opacity: 1;\n }\n\n ", "\n"])), function (props) {
|
|
33118
33215
|
return props.isPreview ? '16px' : props.isRepliedMessage ? '8px' : '';
|
|
33119
33216
|
}, function (props) {
|
|
33120
33217
|
return !props.isRepliedMessage && !props.fitTheContainer && '165px';
|
|
@@ -33143,7 +33240,7 @@ var ProgressWrapper$1 = styled__default.span(_templateObject5$g || (_templateObj
|
|
|
33143
33240
|
var SizeProgress = styled__default.span(_templateObject6$e || (_templateObject6$e = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: -26px;\n background-color: rgba(0, 0, 0, 0.4);\n color: ", ";\n font-size: 12px;\n border-radius: 12px;\n padding: 3px 6px;\n white-space: nowrap;\n"])), function (props) {
|
|
33144
33241
|
return props.color;
|
|
33145
33242
|
});
|
|
33146
|
-
var AttachmentFile$1 = styled__default.div(_templateObject7$
|
|
33243
|
+
var AttachmentFile$1 = styled__default.div(_templateObject7$d || (_templateObject7$d = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n align-items: center;\n padding: ", ";\n //width: ", ";\n min-width: ", ";\n transition: all 0.1s;\n //height: 70px;\n background: ", ";\n border: ", ";\n box-sizing: border-box;\n margin-right: ", ";\n border-radius: ", ";\n\n ", "\n\n & > ", " svg {\n width: 40px;\n height: 40px;\n }\n"])), function (props) {
|
|
33147
33244
|
return !props.isRepliedMessage && '8px 12px;';
|
|
33148
33245
|
}, function (props) {
|
|
33149
33246
|
return !props.isRepliedMessage && (props.width ? props.width + "px" : '350px');
|
|
@@ -33201,7 +33298,7 @@ var VideoCont = styled__default.div(_templateObject11$3 || (_templateObject11$3
|
|
|
33201
33298
|
return props.isDetailsView && '100%';
|
|
33202
33299
|
});
|
|
33203
33300
|
|
|
33204
|
-
var _templateObject$
|
|
33301
|
+
var _templateObject$y, _templateObject2$u, _templateObject3$o, _templateObject4$k;
|
|
33205
33302
|
var RepliedMessage = function RepliedMessage(_ref) {
|
|
33206
33303
|
var _message$parentMessag;
|
|
33207
33304
|
var message = _ref.message,
|
|
@@ -33308,7 +33405,7 @@ var RepliedMessage = function RepliedMessage(_ref) {
|
|
|
33308
33405
|
var RepliedMessage$1 = /*#__PURE__*/React__default.memo(RepliedMessage, function (prevProps, nextProps) {
|
|
33309
33406
|
return prevProps.theme === nextProps.theme && prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.selectionIsActive === nextProps.selectionIsActive && prevProps.contactsMap === nextProps.contactsMap;
|
|
33310
33407
|
});
|
|
33311
|
-
var ReplyMessageContainer = styled__default.div(_templateObject$
|
|
33408
|
+
var ReplyMessageContainer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose(["\n display: flex;\n border-left: 2px solid ", ";\n padding: 4px 6px;\n position: relative;\n //margin: ", ";\n margin: ", ";\n background-color: ", ";\n border-radius: 0 4px 4px 0;\n margin-top: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
33312
33409
|
return props.leftBorderColor || '#b8b9c2';
|
|
33313
33410
|
}, function (props) {
|
|
33314
33411
|
return props.withAttachments ? '8px 8px' : '0 0 8px';
|
|
@@ -33319,7 +33416,7 @@ var ReplyMessageContainer = styled__default.div(_templateObject$x || (_templateO
|
|
|
33319
33416
|
}, function (props) {
|
|
33320
33417
|
return !props.withSenderName && props.withAttachments && '8px';
|
|
33321
33418
|
});
|
|
33322
|
-
var ReplyMessageBody = styled__default.div(_templateObject2$
|
|
33419
|
+
var ReplyMessageBody = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n margin-top: auto;\n margin-bottom: auto;\n direction: ", ";\n max-width: ", ";\n"])), function (props) {
|
|
33323
33420
|
return props.rtlDirection ? 'initial' : '';
|
|
33324
33421
|
}, function (props) {
|
|
33325
33422
|
return props.maxWidth || '100%';
|
|
@@ -33333,7 +33430,7 @@ var VoiceIconWrapper = styled__default(SvgVoiceIcon)(_templateObject4$k || (_tem
|
|
|
33333
33430
|
return props.color;
|
|
33334
33431
|
});
|
|
33335
33432
|
|
|
33336
|
-
var _templateObject$
|
|
33433
|
+
var _templateObject$z;
|
|
33337
33434
|
var MessageHeader = function MessageHeader(_ref) {
|
|
33338
33435
|
var message = _ref.message,
|
|
33339
33436
|
ownMessageOnRightSide = _ref.ownMessageOnRightSide,
|
|
@@ -33370,7 +33467,7 @@ var MessageHeader = function MessageHeader(_ref) {
|
|
|
33370
33467
|
var MessageHeader$1 = /*#__PURE__*/React__default.memo(MessageHeader, function (prevProps, nextProps) {
|
|
33371
33468
|
return prevProps.message.body === nextProps.message.body && prevProps.message.attachments === nextProps.message.attachments && prevProps.contactsMap === nextProps.contactsMap && prevProps.ownMessageOnRightSide === nextProps.ownMessageOnRightSide && prevProps.outgoingMessageStyles === nextProps.outgoingMessageStyles && prevProps.incomingMessageStyles === nextProps.incomingMessageStyles && prevProps.showMessageSenderName === nextProps.showMessageSenderName && prevProps.getFromContacts === nextProps.getFromContacts;
|
|
33372
33469
|
});
|
|
33373
|
-
var MessageHeaderCont = styled__default.div(_templateObject$
|
|
33470
|
+
var MessageHeaderCont = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: ", ";\n"])), function (props) {
|
|
33374
33471
|
return props.withPadding && (props.isForwarded ? '8px 0 2px 12px' : !props.isReplied && !props.messageBody ? props.withMediaAttachment ? '8px 0 8px 12px' : '8px 0 0 12px' : '8px 0 0 12px');
|
|
33375
33472
|
});
|
|
33376
33473
|
|
|
@@ -33813,7 +33910,7 @@ var EMOJIS = [{
|
|
|
33813
33910
|
}]
|
|
33814
33911
|
}];
|
|
33815
33912
|
|
|
33816
|
-
var _templateObject$
|
|
33913
|
+
var _templateObject$A, _templateObject2$v, _templateObject3$p, _templateObject4$l, _templateObject5$h, _templateObject6$f, _templateObject7$e, _templateObject8$c;
|
|
33817
33914
|
var EmojiIcon = function EmojiIcon(_ref) {
|
|
33818
33915
|
var collectionName = _ref.collectionName;
|
|
33819
33916
|
switch (collectionName) {
|
|
@@ -33913,7 +34010,7 @@ function EmojisPopup(_ref2) {
|
|
|
33913
34010
|
}
|
|
33914
34011
|
}, 300);
|
|
33915
34012
|
}, []);
|
|
33916
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
34013
|
+
return /*#__PURE__*/React__default.createElement(Container$g, {
|
|
33917
34014
|
backgroundColor: backgroundSections,
|
|
33918
34015
|
borderColor: border,
|
|
33919
34016
|
relativePosition: relativePosition,
|
|
@@ -33988,7 +34085,7 @@ function EmojisPopup(_ref2) {
|
|
|
33988
34085
|
}));
|
|
33989
34086
|
}))));
|
|
33990
34087
|
}
|
|
33991
|
-
var Container$
|
|
34088
|
+
var Container$g = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n position: ", ";\n left: ", ";\n right: ", ";\n direction: ", ";\n bottom: ", ";\n width: 306px;\n border: ", ";\n box-sizing: border-box;\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);\n border-radius: ", ";\n background: ", ";\n z-index: 35;\n //transform: scaleY(0);\n height: 0;\n overflow: hidden;\n transform-origin: ", ";\n transition: all 0.2s ease-in-out;\n ", ";\n"])), function (props) {
|
|
33992
34089
|
return props.relativePosition ? 'relative' : 'absolute';
|
|
33993
34090
|
}, function (props) {
|
|
33994
34091
|
return props.rtlDirection ? '' : props.rightSide ? '' : '5px';
|
|
@@ -34009,7 +34106,7 @@ var Container$f = styled__default.div(_templateObject$z || (_templateObject$z =
|
|
|
34009
34106
|
}, function (props) {
|
|
34010
34107
|
return props.rendered && "\n height: 225px;\n ";
|
|
34011
34108
|
});
|
|
34012
|
-
var EmojiHeader = styled__default.div(_templateObject2$
|
|
34109
|
+
var EmojiHeader = styled__default.div(_templateObject2$v || (_templateObject2$v = _taggedTemplateLiteralLoose(["\n align-items: flex-end;\n font-style: normal;\n font-weight: 500;\n font-size: 12px;\n line-height: 22px;\n text-transform: uppercase;\n color: ", ";\n display: flex;\n padding: ", ";\n"])), function (props) {
|
|
34013
34110
|
return props.color;
|
|
34014
34111
|
}, function (props) {
|
|
34015
34112
|
return props.padding || '6px 18px';
|
|
@@ -34020,7 +34117,7 @@ var EmojiCollection = styled__default.span(_templateObject4$l || (_templateObjec
|
|
|
34020
34117
|
});
|
|
34021
34118
|
var CollectionPointer = styled__default.span(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose([""])));
|
|
34022
34119
|
var AllEmojis = styled__default.ul(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
|
|
34023
|
-
var EmojiFooter = styled__default.div(_templateObject7$
|
|
34120
|
+
var EmojiFooter = styled__default.div(_templateObject7$e || (_templateObject7$e = _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) {
|
|
34024
34121
|
return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
|
|
34025
34122
|
}, function (props) {
|
|
34026
34123
|
return props.emojisCategoryIconsPosition === 'top' && "1px solid " + props.borderColor;
|
|
@@ -34052,7 +34149,7 @@ function SvgPlus(props) {
|
|
|
34052
34149
|
})));
|
|
34053
34150
|
}
|
|
34054
34151
|
|
|
34055
|
-
var _templateObject$
|
|
34152
|
+
var _templateObject$B, _templateObject2$w, _templateObject3$q;
|
|
34056
34153
|
function FrequentlyEmojis(_ref) {
|
|
34057
34154
|
var handleAddEmoji = _ref.handleAddEmoji,
|
|
34058
34155
|
handleEmojiPopupToggle = _ref.handleEmojiPopupToggle,
|
|
@@ -34153,7 +34250,7 @@ function FrequentlyEmojis(_ref) {
|
|
|
34153
34250
|
}
|
|
34154
34251
|
setRendered(true);
|
|
34155
34252
|
}, []);
|
|
34156
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
34253
|
+
return /*#__PURE__*/React__default.createElement(Container$h, {
|
|
34157
34254
|
id: 'emojisContainer',
|
|
34158
34255
|
backgroundColor: backgroundSections,
|
|
34159
34256
|
rendered: rendered,
|
|
@@ -34177,14 +34274,14 @@ function FrequentlyEmojis(_ref) {
|
|
|
34177
34274
|
iconColor: textSecondary
|
|
34178
34275
|
}, /*#__PURE__*/React__default.createElement(SvgPlus, null)));
|
|
34179
34276
|
}
|
|
34180
|
-
var Container$
|
|
34277
|
+
var Container$h = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n transform: scale(0, 0);\n transform-origin: ", ";\n display: flex;\n align-items: center;\n padding: 6px;\n background-color: ", ";\n box-shadow: 0 3px 10px -4px rgba(0, 0, 0, 0.2);\n border-radius: 24px;\n overflow: hidden;\n box-sizing: border-box;\n transition: all 0.2s ease-in-out;\n ", ";\n"])), function (props) {
|
|
34181
34278
|
return props.rightSide ? '100% 100%' : '0 100%';
|
|
34182
34279
|
}, function (props) {
|
|
34183
34280
|
return props.backgroundColor;
|
|
34184
34281
|
}, function (props) {
|
|
34185
34282
|
return props.rendered && "\n transform: scale(1, 1);\n ";
|
|
34186
34283
|
});
|
|
34187
|
-
var EmojiItem = styled__default.span(_templateObject2$
|
|
34284
|
+
var EmojiItem = styled__default.span(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n font-family:\n apple color emoji,\n segoe ui emoji,\n noto color emoji,\n android emoji,\n emojisymbols,\n emojione mozilla,\n twemoji mozilla,\n segoe ui symbol;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n font-size: 28px;\n line-height: 32px;\n cursor: pointer;\n border-radius: 50%;\n width: 36px;\n height: 36px;\n background-color: ", ";\n &:hover {\n background-color: ", ";\n }\n"])), function (props) {
|
|
34188
34285
|
return props.active && props.activeBackground;
|
|
34189
34286
|
}, function (props) {
|
|
34190
34287
|
return props.activeBackground;
|
|
@@ -34199,7 +34296,7 @@ var OpenMoreEmojis = styled__default.span(_templateObject3$q || (_templateObject
|
|
|
34199
34296
|
return props.iconHoverColor;
|
|
34200
34297
|
});
|
|
34201
34298
|
|
|
34202
|
-
var _templateObject$
|
|
34299
|
+
var _templateObject$C, _templateObject2$x, _templateObject3$r, _templateObject4$m;
|
|
34203
34300
|
var MessageStatusAndTime = function MessageStatusAndTime(_ref) {
|
|
34204
34301
|
var message = _ref.message,
|
|
34205
34302
|
_ref$messageStatusDis = _ref.messageStatusDisplayingType,
|
|
@@ -34261,10 +34358,10 @@ var MessageStatusAndTime = function MessageStatusAndTime(_ref) {
|
|
|
34261
34358
|
var MessageStatusAndTime$1 = /*#__PURE__*/React__default.memo(MessageStatusAndTime, function (prevProps, nextProps) {
|
|
34262
34359
|
return prevProps.message.state === nextProps.message.state && prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.createdAt === nextProps.message.createdAt && prevProps.showMessageTimeAndStatusOnlyOnHover === nextProps.showMessageTimeAndStatusOnlyOnHover && prevProps.messageStatusSize === nextProps.messageStatusSize && prevProps.messageStatusColor === nextProps.messageStatusColor && prevProps.messageReadStatusColor === nextProps.messageReadStatusColor && prevProps.messageStateFontSize === nextProps.messageStateFontSize && prevProps.messageStateColor === nextProps.messageStateColor && prevProps.messageTimeFontSize === nextProps.messageTimeFontSize && prevProps.messageStatusAndTimeLineHeight === nextProps.messageStatusAndTimeLineHeight && prevProps.messageTimeColor === nextProps.messageTimeColor && prevProps.messageTimeVisible === nextProps.messageTimeVisible && prevProps.messageStatusVisible === nextProps.messageStatusVisible && prevProps.ownMessageOnRightSide === nextProps.ownMessageOnRightSide && prevProps.bottomOfMessage === nextProps.bottomOfMessage && prevProps.marginBottom === nextProps.marginBottom && prevProps.messageTimeColorOnAttachment === nextProps.messageTimeColorOnAttachment && prevProps.withAttachment === nextProps.withAttachment;
|
|
34263
34360
|
});
|
|
34264
|
-
var MessageStatus = styled__default.span(_templateObject$
|
|
34361
|
+
var MessageStatus = styled__default.span(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n margin-left: 4px;\n text-align: right;\n height: ", ";\n\n & > svg {\n height: 16px;\n width: 16px;\n }\n"])), function (props) {
|
|
34265
34362
|
return props.height || '14px';
|
|
34266
34363
|
});
|
|
34267
|
-
var HiddenMessageTime = styled__default.span(_templateObject2$
|
|
34364
|
+
var HiddenMessageTime = styled__default.span(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: ", ";\n font-weight: 400;\n font-size: ", ";\n color: ", ";\n"])), function (props) {
|
|
34268
34365
|
return props.hide && 'none';
|
|
34269
34366
|
}, function (props) {
|
|
34270
34367
|
return props.fontSize || '12px';
|
|
@@ -34304,7 +34401,7 @@ var MessageStatusUpdated = styled__default.span(_templateObject4$m || (_template
|
|
|
34304
34401
|
return props.color;
|
|
34305
34402
|
});
|
|
34306
34403
|
|
|
34307
|
-
var _templateObject$
|
|
34404
|
+
var _templateObject$D, _templateObject2$y, _templateObject3$s, _templateObject4$n, _templateObject5$i, _templateObject6$g, _templateObject7$f, _templateObject8$d, _templateObject9$b, _templateObject0$a, _templateObject1$7, _templateObject10$4;
|
|
34308
34405
|
var POLL_VOTES_LIMIT = 20;
|
|
34309
34406
|
var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
34310
34407
|
var _pollVotesHasMore$key, _poll$voteDetails, _poll$voteDetails$vot, _poll$voteDetails3;
|
|
@@ -34418,8 +34515,8 @@ var AllVotesPopup = function AllVotesPopup(_ref) {
|
|
|
34418
34515
|
color: textSecondary
|
|
34419
34516
|
}, "Loading...")))))));
|
|
34420
34517
|
};
|
|
34421
|
-
var VotesList = styled__default.div(_templateObject$
|
|
34422
|
-
var VoterRow = styled__default.div(_templateObject2$
|
|
34518
|
+
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"])));
|
|
34519
|
+
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"])));
|
|
34423
34520
|
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"])));
|
|
34424
34521
|
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) {
|
|
34425
34522
|
return p.color;
|
|
@@ -34430,7 +34527,7 @@ var VotedAt = styled__default.div(_templateObject5$i || (_templateObject5$i = _t
|
|
|
34430
34527
|
var LoadingText = styled__default.div(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n text-align: center;\n padding: 16px;\n font-size: 14px;\n"])), function (p) {
|
|
34431
34528
|
return p.color;
|
|
34432
34529
|
});
|
|
34433
|
-
var TitleWrapper = styled__default.div(_templateObject7$
|
|
34530
|
+
var TitleWrapper = styled__default.div(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n max-width: calc(100% - 54px);\n margin: 0 auto;\n"])));
|
|
34434
34531
|
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) {
|
|
34435
34532
|
return p.color;
|
|
34436
34533
|
});
|
|
@@ -34447,7 +34544,7 @@ var Loader = styled__default.div(_templateObject10$4 || (_templateObject10$4 = _
|
|
|
34447
34544
|
return p.color;
|
|
34448
34545
|
});
|
|
34449
34546
|
|
|
34450
|
-
var _templateObject$
|
|
34547
|
+
var _templateObject$E, _templateObject2$z, _templateObject3$t, _templateObject4$o, _templateObject5$j, _templateObject6$h, _templateObject7$g, _templateObject8$e, _templateObject9$c, _templateObject0$b, _templateObject1$8, _templateObject10$5;
|
|
34451
34548
|
var VotesResultsPopup = function VotesResultsPopup(_ref) {
|
|
34452
34549
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$options$find;
|
|
34453
34550
|
var onClose = _ref.onClose,
|
|
@@ -34575,8 +34672,8 @@ var VotesResultsPopup = function VotesResultsPopup(_ref) {
|
|
|
34575
34672
|
})) === null || _poll$options$find === void 0 ? void 0 : _poll$options$find.name) || ''
|
|
34576
34673
|
})));
|
|
34577
34674
|
};
|
|
34578
|
-
var OptionsList = styled__default.div(_templateObject$
|
|
34579
|
-
var OptionBlock = styled__default.div(_templateObject2$
|
|
34675
|
+
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"])));
|
|
34676
|
+
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) {
|
|
34580
34677
|
return p.background;
|
|
34581
34678
|
}, function (p) {
|
|
34582
34679
|
return p.border;
|
|
@@ -34589,7 +34686,7 @@ var OptionCount = styled__default.div(_templateObject5$j || (_templateObject5$j
|
|
|
34589
34686
|
return p.color;
|
|
34590
34687
|
});
|
|
34591
34688
|
var Voters = styled__default.div(_templateObject6$h || (_templateObject6$h = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-bottom: 5px;\n"])));
|
|
34592
|
-
var VoterRow$1 = styled__default.div(_templateObject7$
|
|
34689
|
+
var VoterRow$1 = styled__default.div(_templateObject7$g || (_templateObject7$g = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 6px 0;\n"])));
|
|
34593
34690
|
var VoterInfo$1 = styled__default.div(_templateObject8$e || (_templateObject8$e = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n justify-content: space-between;\n"])));
|
|
34594
34691
|
var VoterName$1 = styled__default.div(_templateObject9$c || (_templateObject9$c = _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) {
|
|
34595
34692
|
return p.color;
|
|
@@ -34626,7 +34723,7 @@ function SvgFilledCheckbox(props) {
|
|
|
34626
34723
|
})));
|
|
34627
34724
|
}
|
|
34628
34725
|
|
|
34629
|
-
var _templateObject$
|
|
34726
|
+
var _templateObject$F, _templateObject2$A, _templateObject3$u, _templateObject4$p, _templateObject5$k, _templateObject6$i, _templateObject7$h, _templateObject8$f, _templateObject9$d, _templateObject0$c, _templateObject1$9, _templateObject10$6, _templateObject11$4, _templateObject12$3;
|
|
34630
34727
|
var PollMessage = function PollMessage(_ref) {
|
|
34631
34728
|
var _poll$voteDetails3, _poll$voteDetails4, _poll$voteDetails5, _poll$voteDetails6, _poll$voteDetails7;
|
|
34632
34729
|
var message = _ref.message;
|
|
@@ -34675,7 +34772,7 @@ var PollMessage = function PollMessage(_ref) {
|
|
|
34675
34772
|
var handleViewResults = function handleViewResults() {
|
|
34676
34773
|
return setShowResults(true);
|
|
34677
34774
|
};
|
|
34678
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
34775
|
+
return /*#__PURE__*/React__default.createElement(Container$i, null, /*#__PURE__*/React__default.createElement(Question$1, {
|
|
34679
34776
|
color: textPrimary
|
|
34680
34777
|
}, poll.name), /*#__PURE__*/React__default.createElement(SubTitle$1, {
|
|
34681
34778
|
color: textSecondary
|
|
@@ -34727,7 +34824,7 @@ var PollMessage = function PollMessage(_ref) {
|
|
|
34727
34824
|
});
|
|
34728
34825
|
}))), /*#__PURE__*/React__default.createElement(Votes, {
|
|
34729
34826
|
color: textPrimary
|
|
34730
|
-
}, votes)), /*#__PURE__*/React__default.createElement(Bar, {
|
|
34827
|
+
}, votes)), /*#__PURE__*/React__default.createElement(Bar$1, {
|
|
34731
34828
|
track: borderSecondary,
|
|
34732
34829
|
closed: poll.closed
|
|
34733
34830
|
}, /*#__PURE__*/React__default.createElement(Fill, {
|
|
@@ -34756,8 +34853,8 @@ var PollMessage = function PollMessage(_ref) {
|
|
|
34756
34853
|
messageId: message.id
|
|
34757
34854
|
})));
|
|
34758
34855
|
};
|
|
34759
|
-
var Container$
|
|
34760
|
-
var Question$1 = styled__default.div(_templateObject2$
|
|
34856
|
+
var Container$i = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n min-width: 250px;\n width: 100%;\n"])));
|
|
34857
|
+
var Question$1 = styled__default.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-weight: 500;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.4px;\n word-break: break-word;\n"])), function (p) {
|
|
34761
34858
|
return p.color;
|
|
34762
34859
|
});
|
|
34763
34860
|
var SubTitle$1 = styled__default.div(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n color: ", ";\n margin: 4px 0 6px 0;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n letter-spacing: -0.08px;\n word-break: break-word;\n"])), function (p) {
|
|
@@ -34770,7 +34867,7 @@ var Option = styled__default.div(_templateObject5$k || (_templateObject5$k = _ta
|
|
|
34770
34867
|
return p.disabled ? 'not-allowed' : 'pointer';
|
|
34771
34868
|
});
|
|
34772
34869
|
var TopRow = styled__default.div(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n display: flex;\n margin-bottom: 6px;\n min-height: 22px;\n"])));
|
|
34773
|
-
var Indicator = styled__default.div(_templateObject7$
|
|
34870
|
+
var Indicator = styled__default.div(_templateObject7$h || (_templateObject7$h = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 20px;\n min-width: 20px;\n height: 20px;\n margin-right: 8px;\n opacity: ", ";\n cursor: ", ";\n"])), function (p) {
|
|
34774
34871
|
return p.disabled ? 0.5 : 1;
|
|
34775
34872
|
}, function (p) {
|
|
34776
34873
|
return p.disabled ? 'not-allowed' : 'pointer';
|
|
@@ -34787,7 +34884,7 @@ var Title$2 = styled__default.div(_templateObject0$c || (_templateObject0$c = _t
|
|
|
34787
34884
|
var Votes = styled__default.span(_templateObject1$9 || (_templateObject1$9 = _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"])), function (p) {
|
|
34788
34885
|
return p.color;
|
|
34789
34886
|
});
|
|
34790
|
-
var Bar = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: 6px;\n border-radius: 6px;\n background: ", ";\n overflow: hidden;\n margin-left: auto;\n"])), function (p) {
|
|
34887
|
+
var Bar$1 = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: 6px;\n border-radius: 6px;\n background: ", ";\n overflow: hidden;\n margin-left: auto;\n"])), function (p) {
|
|
34791
34888
|
return p.closed ? '100%' : "calc(100% - 28px)";
|
|
34792
34889
|
}, function (p) {
|
|
34793
34890
|
return p.track;
|
|
@@ -34795,7 +34892,7 @@ var Bar = styled__default.div(_templateObject10$6 || (_templateObject10$6 = _tag
|
|
|
34795
34892
|
var Fill = styled__default.div(_templateObject11$4 || (_templateObject11$4 = _taggedTemplateLiteralLoose(["\n height: 100%;\n border-radius: 6px;\n transition: width 0.3s ease-in-out;\n"])));
|
|
34796
34893
|
var UsersContainer = styled__default.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: auto;\n padding-left: 16px;\n height: max-content;\n"])));
|
|
34797
34894
|
|
|
34798
|
-
var _templateObject$
|
|
34895
|
+
var _templateObject$G, _templateObject2$B, _templateObject3$v, _templateObject4$q, _templateObject5$l, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$e, _templateObject0$d, _templateObject1$a;
|
|
34799
34896
|
var validateUrl = function validateUrl(url) {
|
|
34800
34897
|
try {
|
|
34801
34898
|
var urlObj = new URL(url);
|
|
@@ -35155,7 +35252,7 @@ var OGMetadata = function OGMetadata(_ref) {
|
|
|
35155
35252
|
}), content);
|
|
35156
35253
|
};
|
|
35157
35254
|
var sharedKeyframes = "\n @keyframes fadeInSlideUp {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes expandHeight {\n from {\n max-height: 0;\n opacity: 0;\n }\n to {\n max-height: 1000px;\n opacity: 1;\n }\n }\n";
|
|
35158
|
-
var OGMetadataContainer = styled__default.div(_templateObject$
|
|
35255
|
+
var OGMetadataContainer = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n min-width: inherit;\n max-width: ", ";\n width: 100%;\n display: grid;\n grid-template-columns: 1fr;\n border-radius: 8px;\n background-color: ", ";\n border-radius: ", ";\n margin: ", ";\n // margin-bottom: ", ";\n padding: ", ";\n text-decoration: none;\n // color: inherit;\n &:hover {\n opacity: 0.9;\n cursor: pointer;\n }\n"])), function (_ref2) {
|
|
35159
35256
|
var maxWidth = _ref2.maxWidth;
|
|
35160
35257
|
return maxWidth ? maxWidth + "px" : 'inherit';
|
|
35161
35258
|
}, function (_ref3) {
|
|
@@ -35176,7 +35273,7 @@ var OGMetadataContainer = styled__default.div(_templateObject$F || (_templateObj
|
|
|
35176
35273
|
var padding = _ref7.padding;
|
|
35177
35274
|
return padding != null ? padding : '0';
|
|
35178
35275
|
});
|
|
35179
|
-
var ImageContainer = styled__default.div(_templateObject2$
|
|
35276
|
+
var ImageContainer = styled__default.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n ", "\n width: 100%;\n height: ", ";\n opacity: ", ";\n margin: 0 auto;\n border-radius: 8px 8px 0 0;\n overflow: hidden;\n ", "\n"])), sharedKeyframes, function (_ref8) {
|
|
35180
35277
|
var containerHeight = _ref8.containerHeight;
|
|
35181
35278
|
return containerHeight ? containerHeight + "px" : '0px';
|
|
35182
35279
|
}, function (_ref9) {
|
|
@@ -35232,7 +35329,7 @@ var Url = styled__default.p(_templateObject6$j || (_templateObject6$j = _taggedT
|
|
|
35232
35329
|
var shouldAnimate = _ref21.shouldAnimate;
|
|
35233
35330
|
return shouldAnimate && "\n animation: fadeInSlideUp 0.3s ease-out 0.3s backwards;\n ";
|
|
35234
35331
|
});
|
|
35235
|
-
var Img = styled__default.img(_templateObject7$
|
|
35332
|
+
var Img = styled__default.img(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n ", "\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n // object-fit: cover;\n // object-position: center;\n // image-rendering: auto;\n border-radius: inherit;\n ", "\n"])), sharedKeyframes, function (_ref22) {
|
|
35236
35333
|
var shouldAnimate = _ref22.shouldAnimate;
|
|
35237
35334
|
return shouldAnimate && "\n animation: fadeIn 0.4s ease-out forwards;\n ";
|
|
35238
35335
|
});
|
|
@@ -35241,7 +35338,7 @@ var OGTextWrapper = styled__default.div(_templateObject9$e || (_templateObject9$
|
|
|
35241
35338
|
var FaviconContainer = styled__default.div(_templateObject0$d || (_templateObject0$d = _taggedTemplateLiteralLoose(["\n width: 52px;\n height: 52px;\n border-radius: 8px;\n overflow: hidden;\n margin: 8px;\n flex: 0 0 52px;\n"])));
|
|
35242
35339
|
var FaviconImg = styled__default.img(_templateObject1$a || (_templateObject1$a = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
35243
35340
|
|
|
35244
|
-
var _templateObject$
|
|
35341
|
+
var _templateObject$H, _templateObject2$C, _templateObject3$w, _templateObject4$r, _templateObject5$m;
|
|
35245
35342
|
var MessageBody = function MessageBody(_ref) {
|
|
35246
35343
|
var message = _ref.message,
|
|
35247
35344
|
channel = _ref.channel,
|
|
@@ -35834,7 +35931,7 @@ var MessageBody$1 = /*#__PURE__*/React__default.memo(MessageBody, function (prev
|
|
|
35834
35931
|
var _prevProps$ogMetadata, _nextProps$ogMetadata, _prevProps$ogMetadata2, _nextProps$ogMetadata2, _prevProps$ogMetadata3, _nextProps$ogMetadata3, _prevProps$ogMetadata4, _nextProps$ogMetadata4, _prevProps$ogMetadata5, _nextProps$ogMetadata5, _prevProps$ogMetadata6, _nextProps$ogMetadata6;
|
|
35835
35932
|
return !!(prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.prevMessage === nextProps.prevMessage && prevProps.nextMessage === nextProps.nextMessage && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.contactsMap === nextProps.contactsMap && prevProps.connectionStatus === nextProps.connectionStatus && prevProps.openedMessageMenuId === nextProps.openedMessageMenuId && prevProps.ownMessageOnRightSide === nextProps.ownMessageOnRightSide && prevProps.showSenderNameOnDirectChannel === nextProps.showSenderNameOnDirectChannel && prevProps.showSenderNameOnGroupChannel === nextProps.showSenderNameOnGroupChannel && prevProps.showSenderNameOnOwnMessages === nextProps.showSenderNameOnOwnMessages && prevProps.messageStatusAndTimePosition === nextProps.messageStatusAndTimePosition && prevProps.messageStatusDisplayingType === nextProps.messageStatusDisplayingType && prevProps.outgoingMessageStyles === nextProps.outgoingMessageStyles && prevProps.incomingMessageStyles === nextProps.incomingMessageStyles && prevProps.ownRepliedMessageBackground === nextProps.ownRepliedMessageBackground && prevProps.incomingRepliedMessageBackground === nextProps.incomingRepliedMessageBackground && prevProps.showMessageStatus === nextProps.showMessageStatus && prevProps.showMessageTimeAndStatusOnlyOnHover === nextProps.showMessageTimeAndStatusOnlyOnHover && prevProps.showMessageTime === nextProps.showMessageTime && prevProps.showMessageStatusForEachMessage === nextProps.showMessageStatusForEachMessage && prevProps.showMessageTimeForEachMessage === nextProps.showMessageTimeForEachMessage && prevProps.messageReaction === nextProps.messageReaction && prevProps.editMessage === nextProps.editMessage && prevProps.copyMessage === nextProps.copyMessage && prevProps.replyMessage === nextProps.replyMessage && prevProps.replyMessageInThread === nextProps.replyMessageInThread && prevProps.forwardMessage === nextProps.forwardMessage && prevProps.deleteMessage === nextProps.deleteMessage && prevProps.selectMessage === nextProps.selectMessage && prevProps.allowEditDeleteIncomingMessage === nextProps.allowEditDeleteIncomingMessage && prevProps.reportMessage === nextProps.reportMessage && prevProps.reactionIcon === nextProps.reactionIcon && prevProps.editIcon === nextProps.editIcon && prevProps.copyIcon === nextProps.copyIcon && prevProps.replyIcon === nextProps.replyIcon && prevProps.replyInThreadIcon === nextProps.replyInThreadIcon && prevProps.forwardIcon === nextProps.forwardIcon && prevProps.deleteIcon === nextProps.deleteIcon && prevProps.selectIcon === nextProps.selectIcon && prevProps.starIcon === nextProps.starIcon && prevProps.staredIcon === nextProps.staredIcon && prevProps.reportIcon === nextProps.reportIcon && prevProps.fixEmojiCategoriesTitleOnTop === nextProps.fixEmojiCategoriesTitleOnTop && prevProps.emojisCategoryIconsPosition === nextProps.emojisCategoryIconsPosition && prevProps.emojisContainerBorderRadius === nextProps.emojisContainerBorderRadius && prevProps.reactionIconOrder === nextProps.reactionIconOrder && prevProps.editIconOrder === nextProps.editIconOrder && prevProps.copyIconOrder === nextProps.copyIconOrder && prevProps.replyIconOrder === nextProps.replyIconOrder && prevProps.replyInThreadIconOrder === nextProps.replyInThreadIconOrder && prevProps.forwardIconOrder === nextProps.forwardIconOrder && prevProps.deleteIconOrder === nextProps.deleteIconOrder && prevProps.selectIconOrder === nextProps.selectIconOrder && prevProps.starIconOrder === nextProps.starIconOrder && prevProps.reportIconOrder === nextProps.reportIconOrder && prevProps.reactionIconTooltipText === nextProps.reactionIconTooltipText && prevProps.editIconTooltipText === nextProps.editIconTooltipText && prevProps.copyIconTooltipText === nextProps.copyIconTooltipText && prevProps.replyIconTooltipText === nextProps.replyIconTooltipText && prevProps.replyInThreadIconTooltipText === nextProps.replyInThreadIconTooltipText && prevProps.forwardIconTooltipText === nextProps.forwardIconTooltipText && prevProps.deleteIconTooltipText === nextProps.deleteIconTooltipText && prevProps.selectIconTooltipText === nextProps.selectIconTooltipText && prevProps.starIconTooltipText === nextProps.starIconTooltipText && prevProps.reportIconTooltipText === nextProps.reportIconTooltipText && prevProps.messageActionIconsColor === nextProps.messageActionIconsColor && prevProps.inlineReactionIcon === nextProps.inlineReactionIcon && prevProps.messageStatusSize === nextProps.messageStatusSize && prevProps.messageStatusColor === nextProps.messageStatusColor && prevProps.messageReadStatusColor === nextProps.messageReadStatusColor && prevProps.messageStateFontSize === nextProps.messageStateFontSize && prevProps.messageStateColor === nextProps.messageStateColor && prevProps.messageTimeFontSize === nextProps.messageTimeFontSize && prevProps.messageTimeColor === nextProps.messageTimeColor && prevProps.messageStatusAndTimeLineHeight === nextProps.messageStatusAndTimeLineHeight && prevProps.fileAttachmentsBoxWidth === nextProps.fileAttachmentsBoxWidth && prevProps.fileAttachmentsBoxBackground === nextProps.fileAttachmentsBoxBackground && prevProps.fileAttachmentsBoxBorder === nextProps.fileAttachmentsBoxBorder && prevProps.fileAttachmentsTitleColor === nextProps.fileAttachmentsTitleColor && prevProps.fileAttachmentsSizeColor === nextProps.fileAttachmentsSizeColor && prevProps.fileAttachmentsIcon === nextProps.fileAttachmentsIcon && prevProps.imageAttachmentMaxWidth === nextProps.imageAttachmentMaxWidth && prevProps.imageAttachmentMaxHeight === nextProps.imageAttachmentMaxHeight && prevProps.videoAttachmentMaxWidth === nextProps.videoAttachmentMaxWidth && prevProps.videoAttachmentMaxHeight === nextProps.videoAttachmentMaxHeight && prevProps.theme === nextProps.theme && prevProps.messageTextFontSize === nextProps.messageTextFontSize && prevProps.messageTextLineHeight === nextProps.messageTextLineHeight && prevProps.messageActionsShow === nextProps.messageActionsShow && prevProps.emojisPopupOpen === nextProps.emojisPopupOpen && prevProps.emojisPopupPosition === nextProps.emojisPopupPosition && prevProps.frequentlyEmojisOpen === nextProps.frequentlyEmojisOpen && (((_prevProps$ogMetadata = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata === void 0 ? void 0 : _prevProps$ogMetadata.ogLayoutOrder) || 'og-first') === (((_nextProps$ogMetadata = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata === void 0 ? void 0 : _nextProps$ogMetadata.ogLayoutOrder) || 'og-first') && ((_prevProps$ogMetadata2 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata2 === void 0 ? void 0 : _prevProps$ogMetadata2.ogShowUrl) === ((_nextProps$ogMetadata2 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata2 === void 0 ? void 0 : _nextProps$ogMetadata2.ogShowUrl) && ((_prevProps$ogMetadata3 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata3 === void 0 ? void 0 : _prevProps$ogMetadata3.ogShowTitle) === ((_nextProps$ogMetadata3 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata3 === void 0 ? void 0 : _nextProps$ogMetadata3.ogShowTitle) && ((_prevProps$ogMetadata4 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata4 === void 0 ? void 0 : _prevProps$ogMetadata4.ogShowDescription) === ((_nextProps$ogMetadata4 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata4 === void 0 ? void 0 : _nextProps$ogMetadata4.ogShowDescription) && ((_prevProps$ogMetadata5 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata5 === void 0 ? void 0 : _prevProps$ogMetadata5.ogShowFavicon) === ((_nextProps$ogMetadata5 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata5 === void 0 ? void 0 : _nextProps$ogMetadata5.ogShowFavicon) && ((_prevProps$ogMetadata6 = prevProps.ogMetadataProps) === null || _prevProps$ogMetadata6 === void 0 ? void 0 : _prevProps$ogMetadata6.order) === ((_nextProps$ogMetadata6 = nextProps.ogMetadataProps) === null || _nextProps$ogMetadata6 === void 0 ? void 0 : _nextProps$ogMetadata6.order));
|
|
35836
35933
|
});
|
|
35837
|
-
var ForwardedTitle = styled__default.h3(_templateObject$
|
|
35934
|
+
var ForwardedTitle = styled__default.h3(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 13px;\n line-height: 16px;\n color: ", ";\n // margin: ", ";\n margin: 0;\n padding: ", ";\n padding-top: ", ";\n padding-bottom: ", ";\n\n & > svg {\n margin-right: 4px;\n width: 16px;\n height: 16px;\n color: ", ";\n }\n"])), function (props) {
|
|
35838
35935
|
return props.color;
|
|
35839
35936
|
}, function (props) {
|
|
35840
35937
|
return props.withAttachments && props.withBody ? '0' : '0 0 4px';
|
|
@@ -35847,7 +35944,7 @@ var ForwardedTitle = styled__default.h3(_templateObject$G || (_templateObject$G
|
|
|
35847
35944
|
}, function (props) {
|
|
35848
35945
|
return props.color;
|
|
35849
35946
|
});
|
|
35850
|
-
var MessageStatusDeleted$1 = styled__default.span(_templateObject2$
|
|
35947
|
+
var MessageStatusDeleted$1 = styled__default.span(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: ", ";\n font-style: italic;\n"])), function (props) {
|
|
35851
35948
|
return props.color;
|
|
35852
35949
|
}, function (props) {
|
|
35853
35950
|
return props.fontSize;
|
|
@@ -35890,7 +35987,7 @@ var FrequentlyEmojisContainer = styled__default.div(_templateObject5$m || (_temp
|
|
|
35890
35987
|
return props.rtlDirection && '0';
|
|
35891
35988
|
});
|
|
35892
35989
|
|
|
35893
|
-
var _templateObject$
|
|
35990
|
+
var _templateObject$I, _templateObject2$D, _templateObject3$x, _templateObject4$s, _templateObject5$n, _templateObject6$k, _templateObject7$j, _templateObject8$h, _templateObject9$f, _templateObject0$e, _templateObject1$b;
|
|
35894
35991
|
var defaultFormatDate = function defaultFormatDate(date) {
|
|
35895
35992
|
var m = moment(date);
|
|
35896
35993
|
if (m.isSame(moment(), 'day')) {
|
|
@@ -36262,8 +36359,8 @@ function sortByDateDesc(a, b) {
|
|
|
36262
36359
|
var bTime = bDate ? new Date(bDate).getTime() : 0;
|
|
36263
36360
|
return bTime - aTime;
|
|
36264
36361
|
}
|
|
36265
|
-
var Tabs = styled__default.div(_templateObject$
|
|
36266
|
-
var Tab = styled__default.button(_templateObject2$
|
|
36362
|
+
var Tabs = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 8px;\n justify-content: start;\n margin-bottom: 8px;\n"])));
|
|
36363
|
+
var Tab = styled__default.button(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n border: none;\n background: transparent;\n cursor: pointer;\n padding: 6px 11px;\n border-radius: 16px;\n color: ", ";\n background: ", ";\n border: 1px solid ", ";\n &:hover {\n opacity: 0.9;\n }\n font-weight: 500;\n font-size: 15px;\n line-height: 20px;\n letter-spacing: 0px;\n text-align: center;\n"])), function (p) {
|
|
36267
36364
|
return p.active ? p.textOnPrimary : p.textSecondary;
|
|
36268
36365
|
}, function (p) {
|
|
36269
36366
|
return p.background;
|
|
@@ -36280,7 +36377,7 @@ var RowInfo = styled__default.div(_templateObject5$n || (_templateObject5$n = _t
|
|
|
36280
36377
|
var RowTitle = styled__default.div(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n color: ", ";\n font-size: 16px;\n font-weight: 500;\n line-height: 22px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])), function (p) {
|
|
36281
36378
|
return p.color;
|
|
36282
36379
|
});
|
|
36283
|
-
var RowDate = styled__default.div(_templateObject7$
|
|
36380
|
+
var RowDate = styled__default.div(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n color: ", ";\n min-width: max-content;\n font-weight: 400;\n font-size: 13px;\n line-height: 16px;\n"])), function (p) {
|
|
36284
36381
|
return p.color;
|
|
36285
36382
|
});
|
|
36286
36383
|
var Empty = styled__default.div(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n color: ", ";\n text-align: center;\n padding: 16px 0;\n font-size: 14px;\n height: calc(100% - 32px);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n"])), function (p) {
|
|
@@ -36324,7 +36421,7 @@ function ConfirmEndPollPopup(_ref) {
|
|
|
36324
36421
|
});
|
|
36325
36422
|
}
|
|
36326
36423
|
|
|
36327
|
-
var _templateObject$
|
|
36424
|
+
var _templateObject$J, _templateObject2$E, _templateObject3$y, _templateObject4$t, _templateObject5$o, _templateObject6$l, _templateObject7$k, _templateObject8$i, _templateObject9$g, _templateObject0$f, _templateObject1$c, _templateObject10$7, _templateObject11$5, _templateObject12$4;
|
|
36328
36425
|
var Message$1 = function Message(_ref) {
|
|
36329
36426
|
var message = _ref.message,
|
|
36330
36427
|
channel = _ref.channel,
|
|
@@ -37126,8 +37223,8 @@ var Message$1 = function Message(_ref) {
|
|
|
37126
37223
|
var Message$2 = /*#__PURE__*/React__default.memo(Message$1, function (prevProps, nextProps) {
|
|
37127
37224
|
return prevProps.message.deliveryStatus === nextProps.message.deliveryStatus && prevProps.message.state === nextProps.message.state && prevProps.message.userReactions === nextProps.message.userReactions && prevProps.message.body === nextProps.message.body && prevProps.message.reactionTotals === nextProps.message.reactionTotals && prevProps.message.attachments === nextProps.message.attachments && prevProps.message.metadata === nextProps.message.metadata && prevProps.message.userMarkers === nextProps.message.userMarkers && prevProps.message.pollDetails === nextProps.message.pollDetails && prevProps.prevMessage === nextProps.prevMessage && prevProps.nextMessage === nextProps.nextMessage && prevProps.selectedMessagesMap === nextProps.selectedMessagesMap && prevProps.contactsMap === nextProps.contactsMap && prevProps.connectionStatus === nextProps.connectionStatus && prevProps.openedMessageMenuId === nextProps.openedMessageMenuId && prevProps.theme === nextProps.theme;
|
|
37128
37225
|
});
|
|
37129
|
-
var MessageReactionKey = styled__default.span(_templateObject$
|
|
37130
|
-
var ReactionItemCount = styled__default.span(_templateObject2$
|
|
37226
|
+
var MessageReactionKey = styled__default.span(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n font-family:\n apple color emoji,\n segoe ui emoji,\n noto color emoji,\n android emoji,\n emojisymbols,\n emojione mozilla,\n twemoji mozilla,\n segoe ui symbol;\n"])));
|
|
37227
|
+
var ReactionItemCount = styled__default.span(_templateObject2$E || (_templateObject2$E = _taggedTemplateLiteralLoose(["\n margin-left: 2px;\n font-family: Inter, sans-serif;\n font-weight: 400;\n font-size: 14px;\n line-height: 16px;\n color: ", ";\n"])), function (props) {
|
|
37131
37228
|
return props.color;
|
|
37132
37229
|
});
|
|
37133
37230
|
var MessageReaction = styled__default.span(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n //min-width: 23px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n margin: ", ";\n margin-right: ", ";\n border: ", ";\n color: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n font-size: ", ";\n line-height: ", ";\n padding: ", ";\n background-color: ", ";\n white-space: nowrap;\n\n &:last-child {\n margin-right: 0;\n }\n"])), function (props) {
|
|
@@ -37158,7 +37255,7 @@ var FailedMessageIcon = styled__default.div(_templateObject5$o || (_templateObje
|
|
|
37158
37255
|
return props.rtl && '-24px';
|
|
37159
37256
|
});
|
|
37160
37257
|
var ErrorIconWrapper = styled__default(SvgErrorIcon)(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 20px;\n height: 20px;\n"])));
|
|
37161
|
-
var SelectMessageWrapper = styled__default.div(_templateObject7$
|
|
37258
|
+
var SelectMessageWrapper = styled__default.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n display: flex;\n padding: 10px;\n position: absolute;\n left: 4%;\n bottom: calc(50% - 22px);\n cursor: ", ";\n & > svg {\n color: ", ";\n width: 24px;\n height: 24px;\n }\n"])), function (props) {
|
|
37162
37259
|
return !props.disabled && 'pointer';
|
|
37163
37260
|
}, function (props) {
|
|
37164
37261
|
return props.activeColor;
|
|
@@ -37229,7 +37326,7 @@ var MessageItem = styled__default.div(_templateObject12$4 || (_templateObject12$
|
|
|
37229
37326
|
return props.hoverBackground || '';
|
|
37230
37327
|
}, HiddenMessageTime$1, MessageStatus$1);
|
|
37231
37328
|
|
|
37232
|
-
var _templateObject$
|
|
37329
|
+
var _templateObject$K, _templateObject2$F, _templateObject3$z, _templateObject4$u, _templateObject5$p, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$h, _templateObject0$g, _templateObject1$d;
|
|
37233
37330
|
var CreateMessageDateDivider = function CreateMessageDateDivider(_ref) {
|
|
37234
37331
|
var lastIndex = _ref.lastIndex,
|
|
37235
37332
|
currentMessageDate = _ref.currentMessageDate,
|
|
@@ -38096,7 +38193,7 @@ var MessageList = function MessageList(_ref2) {
|
|
|
38096
38193
|
dateDividerBackgroundColor: dateDividerBackgroundColor || overlayBackground,
|
|
38097
38194
|
dateDividerBorderRadius: dateDividerBorderRadius,
|
|
38098
38195
|
topOffset: scrollRef && scrollRef.current && scrollRef.current.offsetTop
|
|
38099
|
-
}, /*#__PURE__*/React__default.createElement("span", null, topDateLabel))), /*#__PURE__*/React__default.createElement(Container$
|
|
38196
|
+
}, /*#__PURE__*/React__default.createElement("span", null, topDateLabel))), /*#__PURE__*/React__default.createElement(Container$j, {
|
|
38100
38197
|
id: 'scrollableDiv',
|
|
38101
38198
|
className: isScrolling ? 'show-scrollbar' : '',
|
|
38102
38199
|
ref: scrollRef,
|
|
@@ -38323,12 +38420,12 @@ var MessageList = function MessageList(_ref2) {
|
|
|
38323
38420
|
attachmentsPreview: attachmentsPreview
|
|
38324
38421
|
})))));
|
|
38325
38422
|
};
|
|
38326
|
-
var Container$
|
|
38423
|
+
var Container$j = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column-reverse;\n flex-grow: 1;\n position: relative;\n overflow: auto;\n scroll-behavior: smooth;\n will-change: left, top;\n background-color: ", ";\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"])), function (props) {
|
|
38327
38424
|
return props.backgroundColor;
|
|
38328
38425
|
}, function (props) {
|
|
38329
38426
|
return props.thumbColor;
|
|
38330
38427
|
});
|
|
38331
|
-
var EmptyDiv = styled__default.div(_templateObject2$
|
|
38428
|
+
var EmptyDiv = styled__default.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n height: 300px;\n"])));
|
|
38332
38429
|
var MessagesBox = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n //height: auto;\n display: flex;\n //flex-direction: column-reverse;\n flex-direction: column;\n padding-bottom: 20px;\n //overflow: auto;\n //scroll-behavior: unset;\n"])));
|
|
38333
38430
|
var MessageTopDate = styled__default.div(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n justify-content: center;\n width: 100%;\n top: ", ";\n left: 0;\n margin-top: ", ";\n margin-bottom: ", ";\n text-align: center;\n z-index: 10;\n background: transparent;\n opacity: ", ";\n transition: all 0.2s ease-in-out;\n width: calc(100% - 8px);\n\n span {\n display: inline-block;\n max-width: 380px;\n font-style: normal;\n font-weight: normal;\n font-size: ", ";\n color: ", ";\n background-color: ", ";\n border: ", ";\n box-sizing: border-box;\n border-radius: ", ";\n padding: 5px 16px;\n box-shadow:\n 0 0 2px rgba(0, 0, 0, 0.08),\n 0 2px 24px rgba(0, 0, 0, 0.08);\n text-overflow: ellipsis;\n overflow: hidden;\n }\n"])), function (props) {
|
|
38334
38431
|
return props.topOffset ? props.topOffset + 22 + "px" : '22px';
|
|
@@ -38361,7 +38458,7 @@ var IconWrapper$1 = styled__default.span(_templateObject6$m || (_templateObject6
|
|
|
38361
38458
|
}, function (props) {
|
|
38362
38459
|
return props.iconColor;
|
|
38363
38460
|
});
|
|
38364
|
-
var DropAttachmentArea = styled__default.div(_templateObject7$
|
|
38461
|
+
var DropAttachmentArea = styled__default.div(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n border: 1px dashed ", ";\n border-radius: 16px;\n margin: ", ";\n font-weight: 400;\n font-size: 15px;\n line-height: 18px;\n letter-spacing: -0.2px;\n color: ", ";\n transition: all 0.1s;\n\n &.dragover {\n background-color: ", ";\n border: 1px dashed ", ";\n\n ", " {\n background-color: ", ";\n }\n }\n"])), function (props) {
|
|
38365
38462
|
return props.borderColor;
|
|
38366
38463
|
}, function (props) {
|
|
38367
38464
|
return props.margin || '12px 32px 32px';
|
|
@@ -38800,7 +38897,7 @@ function $isMentionNode(node) {
|
|
|
38800
38897
|
return node instanceof MentionNode;
|
|
38801
38898
|
}
|
|
38802
38899
|
|
|
38803
|
-
var _templateObject$
|
|
38900
|
+
var _templateObject$L, _templateObject2$G, _templateObject3$A, _templateObject4$v, _templateObject5$q;
|
|
38804
38901
|
var PUNCTUATION = '\\.,\\+\\*\\?\\$\\@\\|#{}\\(\\)\\^\\-\\[\\]\\\\/!%\'"~=<>_:;';
|
|
38805
38902
|
var NAME = '\\b[A-Z][^\\s' + PUNCTUATION + ']';
|
|
38806
38903
|
var DocumentMentionsRegex = {
|
|
@@ -39080,8 +39177,8 @@ function MentionsPlugin(_ref3) {
|
|
|
39080
39177
|
}
|
|
39081
39178
|
});
|
|
39082
39179
|
}
|
|
39083
|
-
var MentionsContainerWrapper = styled__default.div(_templateObject$
|
|
39084
|
-
var MentionsList = styled__default.ul(_templateObject2$
|
|
39180
|
+
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"])));
|
|
39181
|
+
var MentionsList = styled__default.ul(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 100%;\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) {
|
|
39085
39182
|
return props.backgroundColor;
|
|
39086
39183
|
}, function (props) {
|
|
39087
39184
|
return props.withBorder && "1px solid " + props.borderColor;
|
|
@@ -39227,7 +39324,7 @@ function SvgUnderline(props) {
|
|
|
39227
39324
|
}))));
|
|
39228
39325
|
}
|
|
39229
39326
|
|
|
39230
|
-
var _templateObject$
|
|
39327
|
+
var _templateObject$M, _templateObject2$H;
|
|
39231
39328
|
function mergeRegister() {
|
|
39232
39329
|
for (var _len = arguments.length, func = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
39233
39330
|
func[_key] = arguments[_key];
|
|
@@ -39608,10 +39705,10 @@ function FloatingTextFormatToolbarPlugin(_ref3) {
|
|
|
39608
39705
|
editor = _useLexicalComposerCo[0];
|
|
39609
39706
|
return useFloatingTextFormatToolbar(editor, anchorElem);
|
|
39610
39707
|
}
|
|
39611
|
-
var FloatingTextFormatPopup = styled__default.div(_templateObject$
|
|
39708
|
+
var FloatingTextFormatPopup = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: flex;\n background: ", ";\n vertical-align: middle;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);\n border-radius: 8px;\n transition: opacity 0.5s;\n padding: 12px;\n will-change: transform;\n z-index: 99;\n\n & button.popup-item {\n border: 0;\n display: flex;\n background: none;\n border-radius: 10px;\n padding: 8px;\n cursor: pointer;\n vertical-align: middle;\n }\n & button.popup-item:disabled {\n cursor: not-allowed;\n }\n & button.popup-item.spaced {\n margin-right: 2px;\n }\n & button.popup-item i.format {\n background-size: contain;\n height: 18px;\n width: 18px;\n margin-top: 2px;\n vertical-align: -0.25em;\n display: flex;\n opacity: 0.6;\n }\n\n & button.popup-item:disabled i.format {\n opacity: 0.2;\n }\n & button.popup-item.active {\n background-color: rgba(223, 232, 250, 0.3);\n }\n & button.popup-item.active i {\n opacity: 1;\n }\n & .popup-item:hover:not([disabled]) {\n background-color: #eee;\n }\n & select.popup-item {\n border: 0;\n display: flex;\n background: none;\n border-radius: 10px;\n padding: 8px;\n vertical-align: middle;\n -webkit-appearance: none;\n -moz-appearance: none;\n width: 70px;\n font-size: 14px;\n color: #777;\n text-overflow: ellipsis;\n }\n & select.code-language {\n text-transform: capitalize;\n width: 130px;\n }\n\n & .popup-item .text {\n display: flex;\n line-height: 20px;\n vertical-align: middle;\n font-size: 14px;\n color: #777;\n text-overflow: ellipsis;\n width: 70px;\n overflow: hidden;\n height: 20px;\n text-align: left;\n }\n\n & .popup-item .icon {\n display: flex;\n width: 20px;\n height: 20px;\n user-select: none;\n margin-right: 8px;\n line-height: 16px;\n background-size: contain;\n }\n & i.chevron-down {\n margin-top: 3px;\n width: 16px;\n height: 16px;\n display: flex;\n user-select: none;\n }\n & i.chevron-down.inside {\n width: 16px;\n height: 16px;\n display: flex;\n margin-left: -25px;\n margin-top: 11px;\n margin-right: 10px;\n pointer-events: none;\n }\n & .divider {\n width: 1px;\n background-color: #eee;\n margin: 0 4px;\n }\n @media (max-width: 1024px) {\n & button.insert-comment {\n display: none;\n }\n }\n"])), function (props) {
|
|
39612
39709
|
return props.popupColor;
|
|
39613
39710
|
});
|
|
39614
|
-
var Action$1 = styled__default.button(_templateObject2$
|
|
39711
|
+
var Action$1 = styled__default.button(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n border: 0;\n display: flex;\n background-color: inherit;\n vertical-align: middle;\n position: relative;\n padding: 3px;\n margin-right: 10px;\n //margin: 8px 6px;\n cursor: pointer;\n transition: all 0.2s;\n color: ", ";\n border-radius: 50%;\n ", "\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover {\n color: ", ";\n background-color: ", ";\n\n ", " {\n display: block;\n }\n }\n"])), function (props) {
|
|
39615
39712
|
return props.iconColor;
|
|
39616
39713
|
}, function (props) {
|
|
39617
39714
|
return props.isActive && "\n color: " + props.hoverIconColor + ";\n background-color: " + props.hoverBackgroundColor + ";\n ";
|
|
@@ -39934,7 +40031,7 @@ function FormatMessagePlugin(_ref) {
|
|
|
39934
40031
|
return null;
|
|
39935
40032
|
}
|
|
39936
40033
|
|
|
39937
|
-
var _templateObject$
|
|
40034
|
+
var _templateObject$N, _templateObject2$I, _templateObject3$B, _templateObject4$w, _templateObject5$r, _templateObject6$n, _templateObject7$m, _templateObject8$k;
|
|
39938
40035
|
var EmojiIcon$1 = function EmojiIcon(_ref) {
|
|
39939
40036
|
var collectionName = _ref.collectionName;
|
|
39940
40037
|
switch (collectionName) {
|
|
@@ -40053,7 +40150,7 @@ function EmojisPopup$1(_ref2) {
|
|
|
40053
40150
|
}
|
|
40054
40151
|
}, 300);
|
|
40055
40152
|
}, []);
|
|
40056
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
40153
|
+
return /*#__PURE__*/React__default.createElement(Container$k, {
|
|
40057
40154
|
backgroundColor: backgroundSections,
|
|
40058
40155
|
borderColor: border,
|
|
40059
40156
|
relativePosition: relativePosition,
|
|
@@ -40129,7 +40226,7 @@ function EmojisPopup$1(_ref2) {
|
|
|
40129
40226
|
}));
|
|
40130
40227
|
}))));
|
|
40131
40228
|
}
|
|
40132
|
-
var Container$
|
|
40229
|
+
var Container$k = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n position: ", ";\n left: ", ";\n right: ", ";\n direction: ", ";\n bottom: ", ";\n width: 306px;\n border: ", ";\n box-sizing: border-box;\n box-shadow: 0 0 12px rgba(0, 0, 0, 0.08);\n border-radius: ", ";\n background: ", ";\n z-index: 35;\n //transform: scaleY(0);\n height: 0;\n overflow: hidden;\n transform-origin: ", ";\n transition: all 0.2s ease-in-out;\n ", ";\n"])), function (props) {
|
|
40133
40230
|
return props.leftPosition ? 'fixed' : props.relativePosition ? 'relative' : 'absolute';
|
|
40134
40231
|
}, function (props) {
|
|
40135
40232
|
return props.rightSide ? "calc(" + props.leftPosition + " - 250px)" : props.leftPosition || (props.rtlDirection ? '' : props.rightSide ? '' : '5px');
|
|
@@ -40150,7 +40247,7 @@ var Container$j = styled__default.div(_templateObject$M || (_templateObject$M =
|
|
|
40150
40247
|
}, function (props) {
|
|
40151
40248
|
return props.rendered && "\n height: 225px;\n ";
|
|
40152
40249
|
});
|
|
40153
|
-
var EmojiHeader$1 = styled__default.div(_templateObject2$
|
|
40250
|
+
var EmojiHeader$1 = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n align-items: flex-end;\n font-style: normal;\n font-weight: 500;\n font-size: 12px;\n line-height: 22px;\n text-transform: uppercase;\n color: ", ";\n display: flex;\n padding: ", ";\n"])), function (props) {
|
|
40154
40251
|
return props.color;
|
|
40155
40252
|
}, function (props) {
|
|
40156
40253
|
return props.padding || '6px 18px';
|
|
@@ -40161,7 +40258,7 @@ var EmojiCollection$1 = styled__default.span(_templateObject4$w || (_templateObj
|
|
|
40161
40258
|
});
|
|
40162
40259
|
var CollectionPointer$1 = styled__default.span(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose([""])));
|
|
40163
40260
|
var AllEmojis$1 = styled__default.ul(_templateObject6$n || (_templateObject6$n = _taggedTemplateLiteralLoose(["\n overflow: hidden;\n padding: 0 8px 8px;\n margin: 0;\n"])));
|
|
40164
|
-
var EmojiFooter$1 = styled__default.div(_templateObject7$
|
|
40261
|
+
var EmojiFooter$1 = styled__default.div(_templateObject7$m || (_templateObject7$m = _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) {
|
|
40165
40262
|
return props.emojisCategoryIconsPosition !== 'top' && "1px solid " + props.borderColor;
|
|
40166
40263
|
}, function (props) {
|
|
40167
40264
|
return props.emojisCategoryIconsPosition === 'top' && "1px solid " + props.borderColor;
|
|
@@ -40367,7 +40464,7 @@ function SvgRecordButton(props) {
|
|
|
40367
40464
|
})));
|
|
40368
40465
|
}
|
|
40369
40466
|
|
|
40370
|
-
var _templateObject$
|
|
40467
|
+
var _templateObject$O, _templateObject2$J, _templateObject3$C, _templateObject4$x, _templateObject5$s, _templateObject6$o, _templateObject7$n;
|
|
40371
40468
|
var shouldDraw = false;
|
|
40372
40469
|
var DEFAULT_MAX_RECORDING_DURATION = 600;
|
|
40373
40470
|
var AudioRecord = function AudioRecord(_ref) {
|
|
@@ -40906,7 +41003,7 @@ var AudioRecord = function AudioRecord(_ref) {
|
|
|
40906
41003
|
handleStopRecording();
|
|
40907
41004
|
setCurrentChannelId(channelId);
|
|
40908
41005
|
}, [channelId]);
|
|
40909
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
41006
|
+
return /*#__PURE__*/React__default.createElement(Container$l, {
|
|
40910
41007
|
recording: showRecording || currentRecordedFile
|
|
40911
41008
|
}, (showRecording || currentRecordedFile) && (/*#__PURE__*/React__default.createElement(PlayPause$1, {
|
|
40912
41009
|
iconColor: iconPrimary,
|
|
@@ -40945,10 +41042,10 @@ var AudioRecord = function AudioRecord(_ref) {
|
|
|
40945
41042
|
iconColor: accentColor
|
|
40946
41043
|
}, showRecording || currentRecordedFile ? /*#__PURE__*/React__default.createElement(SvgSend, null) : /*#__PURE__*/React__default.createElement(SvgRecordButton, null)));
|
|
40947
41044
|
};
|
|
40948
|
-
var Container$
|
|
41045
|
+
var Container$l = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteralLoose(["\n width: 32px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n ", ";\n transition: all 0.3s ease-in-out;\n"])), function (props) {
|
|
40949
41046
|
return props.recording && "width: 400px";
|
|
40950
41047
|
});
|
|
40951
|
-
var AudioWrapper = styled__default.div(_templateObject2$
|
|
41048
|
+
var AudioWrapper = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n align-items: center;\n height: 36px;\n width: ", ";\n overflow: hidden;\n margin: ", ";\n background-color: ", ";\n padding: ", ";\n border-radius: 20px;\n"])), function (props) {
|
|
40952
41049
|
return props.recording ? 'calc(100% - 84px)' : '0';
|
|
40953
41050
|
}, function (props) {
|
|
40954
41051
|
return props.recording ? '0 8px' : '0';
|
|
@@ -40985,14 +41082,14 @@ var Canvas = styled__default.canvas(_templateObject6$o || (_templateObject6$o =
|
|
|
40985
41082
|
var hide = _ref0.hide;
|
|
40986
41083
|
return hide && '-1';
|
|
40987
41084
|
});
|
|
40988
|
-
var Timer$2 = styled__default.div(_templateObject7$
|
|
41085
|
+
var Timer$2 = styled__default.div(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n width: 40px;\n font-weight: 400;\n font-size: 16px;\n line-height: 12px;\n color: ", ";\n margin-left: auto;\n"])), function (props) {
|
|
40989
41086
|
return props.color;
|
|
40990
41087
|
});
|
|
40991
41088
|
|
|
40992
|
-
var _templateObject$
|
|
40993
|
-
var wave = styled.keyframes(_templateObject$
|
|
40994
|
-
var Wrapper = styled__default.div(_templateObject2$
|
|
40995
|
-
var Bar$
|
|
41089
|
+
var _templateObject$P, _templateObject2$K, _templateObject3$D;
|
|
41090
|
+
var wave = styled.keyframes(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n 0%, 100% {\n transform: scaleY(0.5);\n opacity: 0.6;\n }\n 50% {\n transform: scaleY(1.2);\n opacity: 1;\n }\n"])));
|
|
41091
|
+
var Wrapper = styled__default.div(_templateObject2$K || (_templateObject2$K = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: flex-end;\n height: 8px;\n gap: 1.5px;\n"])));
|
|
41092
|
+
var Bar$2 = styled__default.span(_templateObject3$D || (_templateObject3$D = _taggedTemplateLiteralLoose(["\n display: block;\n width: 3px;\n height: 8px;\n border-radius: 2px;\n background: ", ";\n animation: ", " 1s infinite;\n animation-delay: ", "s;\n"])), function (props) {
|
|
40996
41093
|
return props.borderColor;
|
|
40997
41094
|
}, wave, function (_ref) {
|
|
40998
41095
|
var delay = _ref.delay;
|
|
@@ -41000,19 +41097,19 @@ var Bar$1 = styled__default.span(_templateObject3$D || (_templateObject3$D = _ta
|
|
|
41000
41097
|
});
|
|
41001
41098
|
var RecordingAnimation = function RecordingAnimation(_ref2) {
|
|
41002
41099
|
var borderColor = _ref2.borderColor;
|
|
41003
|
-
return /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(Bar$
|
|
41100
|
+
return /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(Bar$2, {
|
|
41004
41101
|
delay: 0,
|
|
41005
41102
|
borderColor: borderColor
|
|
41006
|
-
}), /*#__PURE__*/React__default.createElement(Bar$
|
|
41103
|
+
}), /*#__PURE__*/React__default.createElement(Bar$2, {
|
|
41007
41104
|
delay: 0.15,
|
|
41008
41105
|
borderColor: borderColor
|
|
41009
|
-
}), /*#__PURE__*/React__default.createElement(Bar$
|
|
41106
|
+
}), /*#__PURE__*/React__default.createElement(Bar$2, {
|
|
41010
41107
|
delay: 0.3,
|
|
41011
41108
|
borderColor: borderColor
|
|
41012
|
-
}), /*#__PURE__*/React__default.createElement(Bar$
|
|
41109
|
+
}), /*#__PURE__*/React__default.createElement(Bar$2, {
|
|
41013
41110
|
delay: 0.45,
|
|
41014
41111
|
borderColor: borderColor
|
|
41015
|
-
}), /*#__PURE__*/React__default.createElement(Bar$
|
|
41112
|
+
}), /*#__PURE__*/React__default.createElement(Bar$2, {
|
|
41016
41113
|
delay: 0.6,
|
|
41017
41114
|
borderColor: borderColor
|
|
41018
41115
|
}));
|
|
@@ -41040,7 +41137,7 @@ function SvgDotsVertica(props) {
|
|
|
41040
41137
|
})));
|
|
41041
41138
|
}
|
|
41042
41139
|
|
|
41043
|
-
var _templateObject$
|
|
41140
|
+
var _templateObject$Q, _templateObject2$L, _templateObject3$E, _templateObject4$y, _templateObject5$t, _templateObject6$p, _templateObject7$o, _templateObject8$l, _templateObject9$i;
|
|
41044
41141
|
var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
41045
41142
|
var togglePopup = _ref.togglePopup,
|
|
41046
41143
|
onCreate = _ref.onCreate;
|
|
@@ -41412,8 +41509,8 @@ var CreatePollPopup = function CreatePollPopup(_ref) {
|
|
|
41412
41509
|
buttonText: 'Discard'
|
|
41413
41510
|
})));
|
|
41414
41511
|
};
|
|
41415
|
-
var QuestionInputWrapper = styled__default.div(_templateObject$
|
|
41416
|
-
var CustomTextArea = styled__default.textarea(_templateObject2$
|
|
41512
|
+
var QuestionInputWrapper = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
41513
|
+
var CustomTextArea = styled__default.textarea(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n height: 40px;\n width: 100%;\n background: ", ";\n border: ", ";\n color: ", ";\n box-sizing: border-box;\n border-radius: 8px;\n padding: ", ";\n font-family: Inter, sans-serif;\n font-style: normal;\n font-weight: normal;\n font-size: 15px;\n line-height: 18px;\n opacity: 1;\n outline: none;\n resize: none;\n overflow: hidden;\n\n &:focus {\n border: 1px solid ", ";\n outline: ", ";\n }\n &:disabled {\n background-color: ", ";\n opacity: 1;\n color: #383b51;\n }\n &::placeholder {\n opacity: 1;\n color: ", ";\n }\n"])), function (props) {
|
|
41417
41514
|
return props.backgroundColor;
|
|
41418
41515
|
}, function (props) {
|
|
41419
41516
|
return props.error ? "1px solid " + props.errorColor : "1px solid " + props.borderColor;
|
|
@@ -41448,7 +41545,7 @@ var RemoveOptionIcon = styled__default(SvgClose)(_templateObject6$p || (_templat
|
|
|
41448
41545
|
}, function (props) {
|
|
41449
41546
|
return props.disabled ? 0.5 : 1;
|
|
41450
41547
|
});
|
|
41451
|
-
var AddOptionButton = styled__default.button(_templateObject7$
|
|
41548
|
+
var AddOptionButton = styled__default.button(_templateObject7$o || (_templateObject7$o = _taggedTemplateLiteralLoose(["\n margin: 16px 0 0 0;\n background: transparent;\n border: none;\n color: ", ";\n cursor: ", ";\n width: 100%;\n text-align: left;\n padding-left: 32px;\n opacity: ", ";\n"])), function (props) {
|
|
41452
41549
|
return props.disabled ? props.disabledColor : props.color;
|
|
41453
41550
|
}, function (props) {
|
|
41454
41551
|
return props.disabled ? 'not-allowed' : 'pointer';
|
|
@@ -41460,7 +41557,7 @@ var SettingItem = styled__default.div(_templateObject9$i || (_templateObject9$i
|
|
|
41460
41557
|
return props.color;
|
|
41461
41558
|
});
|
|
41462
41559
|
|
|
41463
|
-
var _templateObject$
|
|
41560
|
+
var _templateObject$R, _templateObject2$M, _templateObject3$F, _templateObject4$z, _templateObject5$u, _templateObject6$q, _templateObject7$p, _templateObject8$m, _templateObject9$j, _templateObject0$h, _templateObject1$e, _templateObject10$8, _templateObject11$6, _templateObject12$5, _templateObject13$3, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1;
|
|
41464
41561
|
function AutoFocusPlugin(_ref) {
|
|
41465
41562
|
var messageForReply = _ref.messageForReply;
|
|
41466
41563
|
var _useLexicalComposerCo = LexicalComposerContext.useLexicalComposerContext(),
|
|
@@ -42781,7 +42878,7 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
42781
42878
|
}, [selectedMessagesMap]);
|
|
42782
42879
|
return /*#__PURE__*/React__default.createElement(SendMessageWrapper, {
|
|
42783
42880
|
backgroundColor: backgroundColor || background
|
|
42784
|
-
}, /*#__PURE__*/React__default.createElement(Container$
|
|
42881
|
+
}, /*#__PURE__*/React__default.createElement(Container$m, {
|
|
42785
42882
|
margin: margin,
|
|
42786
42883
|
padding: padding,
|
|
42787
42884
|
border: border,
|
|
@@ -43094,10 +43191,10 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
43094
43191
|
maxRecordingDuration: audioRecordingMaxDuration
|
|
43095
43192
|
}))))))))));
|
|
43096
43193
|
};
|
|
43097
|
-
var SendMessageWrapper = styled__default.div(_templateObject$
|
|
43194
|
+
var SendMessageWrapper = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n position: relative;\n z-index: 100;\n"])), function (props) {
|
|
43098
43195
|
return props.backgroundColor;
|
|
43099
43196
|
});
|
|
43100
|
-
var Container$
|
|
43197
|
+
var Container$m = styled__default.div(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n margin: ", ";\n border: ", ";\n border-radius: ", ";\n position: relative;\n padding: ", ";\n z-index: 100;\n\n & span.rdw-suggestion-dropdown {\n position: absolute;\n bottom: 100%;\n height: 160px;\n min-width: 150px;\n display: flex;\n flex-direction: column;\n overflow: auto;\n padding: 6px 12px;\n border: 1px solid #ccc;\n background: #fff;\n z-index: 99;\n }\n\n & .text_formatting_toolbar {\n display: ", ";\n position: fixed;\n top: ", ";\n left: ", ";\n }\n\n & .rdw-suggestion-option-active {\n background-color: rgb(243, 245, 248);\n }\n\n & .custom_editor {\n cursor: text;\n\n & .rdw-mention-link {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
43101
43198
|
return props.margin || '30px 0 16px';
|
|
43102
43199
|
}, function (props) {
|
|
43103
43200
|
return props.border || '';
|
|
@@ -43136,7 +43233,7 @@ var UploadErrorMessage = styled__default.p(_templateObject5$u || (_templateObjec
|
|
|
43136
43233
|
var CloseEditMode = styled__default.span(_templateObject6$q || (_templateObject6$q = _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) {
|
|
43137
43234
|
return props.color;
|
|
43138
43235
|
});
|
|
43139
|
-
var UserName$1 = styled__default.span(_templateObject7$
|
|
43236
|
+
var UserName$1 = styled__default.span(_templateObject7$p || (_templateObject7$p = _taggedTemplateLiteralLoose(["\n font-weight: 500;\n margin-left: 4px;\n"])));
|
|
43140
43237
|
var ReplyMessageBody$1 = styled__default.div(_templateObject8$m || (_templateObject8$m = _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"])));
|
|
43141
43238
|
var EditReplyMessageHeader = styled__default.h4(_templateObject9$j || (_templateObject9$j = _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) {
|
|
43142
43239
|
return props.color;
|
|
@@ -43481,7 +43578,7 @@ function SvgUnpin(props) {
|
|
|
43481
43578
|
})));
|
|
43482
43579
|
}
|
|
43483
43580
|
|
|
43484
|
-
var _templateObject$
|
|
43581
|
+
var _templateObject$S, _templateObject2$N, _templateObject3$G, _templateObject4$A, _templateObject5$v, _templateObject6$r, _templateObject7$q, _templateObject8$n, _templateObject9$k, _templateObject0$i, _templateObject1$f, _templateObject10$9, _templateObject11$7, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$3, _templateObject16$3;
|
|
43485
43582
|
var Actions = function Actions(_ref) {
|
|
43486
43583
|
var setActionsHeight = _ref.setActionsHeight,
|
|
43487
43584
|
channel = _ref.channel,
|
|
@@ -43691,7 +43788,7 @@ var Actions = function Actions(_ref) {
|
|
|
43691
43788
|
setActionsHeight && setActionsHeight(containerRef.current.offsetHeight);
|
|
43692
43789
|
}
|
|
43693
43790
|
}, [containerRef.current, showMuteUnmuteNotifications, showStarredMessages, showPinChannel, showMarkAsReadUnread, showLeaveChannel, showBlockAndLeaveChannel, showBlockUser, showReportChannel, showDeleteChannel, showClearHistory]);
|
|
43694
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
43791
|
+
return /*#__PURE__*/React__default.createElement(Container$n, {
|
|
43695
43792
|
isDirect: isDirectChannel,
|
|
43696
43793
|
theme: theme,
|
|
43697
43794
|
borderColor: borderColor || surface1,
|
|
@@ -43945,17 +44042,17 @@ var Actions = function Actions(_ref) {
|
|
|
43945
44042
|
title: popupTitle
|
|
43946
44043
|
})));
|
|
43947
44044
|
};
|
|
43948
|
-
var Container$
|
|
44045
|
+
var Container$n = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n padding: 10px 16px;\n border-bottom: 6px solid ", ";\n]"])), function (props) {
|
|
43949
44046
|
return props.borderColor;
|
|
43950
44047
|
});
|
|
43951
|
-
var ActionHeader = styled__default.div(_templateObject2$
|
|
44048
|
+
var ActionHeader = styled__default.div(_templateObject2$N || (_templateObject2$N = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 25px 0 22px;\n cursor: pointer;\n"])));
|
|
43952
44049
|
var MenuTriggerIcon = styled__default.span(_templateObject3$G || (_templateObject3$G = _taggedTemplateLiteralLoose(["\n transition: all 0.2s;\n ", "\n"])), function (props) {
|
|
43953
44050
|
return !props.isOpen && ' transform: rotate(-90deg);';
|
|
43954
44051
|
});
|
|
43955
44052
|
var ActionsMenu = styled__default.ul(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
43956
44053
|
var DefaultMutedIcon = styled__default(SvgUnmuteNotifications)(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose([""])));
|
|
43957
44054
|
var DefaultMuteIcon = styled__default(SvgNotifications)(_templateObject6$r || (_templateObject6$r = _taggedTemplateLiteralLoose([""])));
|
|
43958
|
-
var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$
|
|
44055
|
+
var DefaultStarIcon = styled__default(SvgStar)(_templateObject7$q || (_templateObject7$q = _taggedTemplateLiteralLoose([""])));
|
|
43959
44056
|
var DefaultUnpinIcon = styled__default(SvgUnpin)(_templateObject8$n || (_templateObject8$n = _taggedTemplateLiteralLoose([""])));
|
|
43960
44057
|
var DefaultPinIcon = styled__default(SvgPin)(_templateObject9$k || (_templateObject9$k = _taggedTemplateLiteralLoose([""])));
|
|
43961
44058
|
var DefaultMarkAsRead = styled__default(SvgMarkAsRead)(_templateObject0$i || (_templateObject0$i = _taggedTemplateLiteralLoose([""])));
|
|
@@ -44039,7 +44136,7 @@ function SvgMoreVert(props) {
|
|
|
44039
44136
|
})));
|
|
44040
44137
|
}
|
|
44041
44138
|
|
|
44042
|
-
var _templateObject$
|
|
44139
|
+
var _templateObject$T, _templateObject2$O, _templateObject3$H;
|
|
44043
44140
|
var ChangeMemberRole = function ChangeMemberRole(_ref) {
|
|
44044
44141
|
var theme = _ref.theme,
|
|
44045
44142
|
channelId = _ref.channelId,
|
|
@@ -44139,8 +44236,8 @@ var ChangeMemberRole = function ChangeMemberRole(_ref) {
|
|
|
44139
44236
|
onClick: handleSave
|
|
44140
44237
|
}, "Save"))));
|
|
44141
44238
|
};
|
|
44142
|
-
var RolesSelect = styled__default.div(_templateObject$
|
|
44143
|
-
var RoleLabel = styled__default.div(_templateObject2$
|
|
44239
|
+
var RolesSelect = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n margin-bottom: 32px;\n"])));
|
|
44240
|
+
var RoleLabel = styled__default.div(_templateObject2$O || (_templateObject2$O = _taggedTemplateLiteralLoose(["\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n margin: 20px 0 8px;\n color: ", ";\n"])), function (_ref2) {
|
|
44144
44241
|
var color = _ref2.color;
|
|
44145
44242
|
return color;
|
|
44146
44243
|
});
|
|
@@ -44181,7 +44278,7 @@ function ResetLinkConfirmModal(_ref) {
|
|
|
44181
44278
|
});
|
|
44182
44279
|
}
|
|
44183
44280
|
|
|
44184
|
-
var _templateObject$
|
|
44281
|
+
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$B, _templateObject5$w, _templateObject6$s, _templateObject7$r, _templateObject8$o, _templateObject9$l, _templateObject0$j, _templateObject1$g, _templateObject10$a, _templateObject11$8, _templateObject12$7, _templateObject13$5;
|
|
44185
44282
|
function InviteLinkModal(_ref) {
|
|
44186
44283
|
var _getInviteLinkOptions, _tabs$link, _tabs$qr, _tabs$link2, _tabs$qr2;
|
|
44187
44284
|
var onClose = _ref.onClose,
|
|
@@ -44665,8 +44762,8 @@ function InviteLinkModal(_ref) {
|
|
|
44665
44762
|
handleForward: handleForwardChannels
|
|
44666
44763
|
})));
|
|
44667
44764
|
}
|
|
44668
|
-
var LogoIconCont = styled__default.div(_templateObject$
|
|
44669
|
-
var Tabs$1 = styled__default.div(_templateObject2$
|
|
44765
|
+
var LogoIconCont = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: calc(50% - 11%);\n left: calc(50% - 11%);\n width: 22%;\n height: 22%;\n img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n border-radius: 10px;\n }\n svg {\n width: 100%;\n height: 100%;\n object-fit: contain;\n border-radius: 10px;\n }\n"])));
|
|
44766
|
+
var Tabs$1 = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n border-radius: 10px;\n background-color: ", ";\n padding: 2px;\n margin: 4px 0 16px;\n border: 1px solid ", ";\n"])), function (p) {
|
|
44670
44767
|
return p.backgroundColor;
|
|
44671
44768
|
}, function (p) {
|
|
44672
44769
|
return p.borderColor;
|
|
@@ -44689,7 +44786,7 @@ var LinkField = styled__default.div(_templateObject6$s || (_templateObject6$s =
|
|
|
44689
44786
|
}, function (p) {
|
|
44690
44787
|
return p.backgroundColor;
|
|
44691
44788
|
});
|
|
44692
|
-
var LinkInput = styled__default.input(_templateObject7$
|
|
44789
|
+
var LinkInput = styled__default.input(_templateObject7$r || (_templateObject7$r = _taggedTemplateLiteralLoose(["\n flex: 1;\n border: none;\n outline: none;\n height: 40px;\n background: transparent;\n color: ", ";\n font-size: 14px;\n"])), function (p) {
|
|
44693
44790
|
return p.color;
|
|
44694
44791
|
});
|
|
44695
44792
|
var CopyButton = styled__default.button(_templateObject8$o || (_templateObject8$o = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border: none;\n background: transparent;\n cursor: pointer;\n"])));
|
|
@@ -44713,7 +44810,7 @@ var QrHint = styled__default.p(_templateObject13$5 || (_templateObject13$5 = _ta
|
|
|
44713
44810
|
return p.color;
|
|
44714
44811
|
});
|
|
44715
44812
|
|
|
44716
|
-
var _templateObject$
|
|
44813
|
+
var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$C, _templateObject5$x, _templateObject6$t, _templateObject7$s, _templateObject8$p, _templateObject9$m;
|
|
44717
44814
|
var Members = function Members(_ref) {
|
|
44718
44815
|
var _members$find;
|
|
44719
44816
|
var channel = _ref.channel,
|
|
@@ -44889,7 +44986,7 @@ var Members = function Members(_ref) {
|
|
|
44889
44986
|
var currentUserRole = (_members$find = members.find(function (member) {
|
|
44890
44987
|
return member.id === user.id;
|
|
44891
44988
|
})) === null || _members$find === void 0 ? void 0 : _members$find.role;
|
|
44892
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
44989
|
+
return /*#__PURE__*/React__default.createElement(Container$o, {
|
|
44893
44990
|
theme: theme
|
|
44894
44991
|
}, /*#__PURE__*/React__default.createElement(ActionsMenu$1, null, /*#__PURE__*/React__default.createElement(MembersList, {
|
|
44895
44992
|
onScroll: handleMembersListScroll
|
|
@@ -45035,8 +45132,8 @@ var Members = function Members(_ref) {
|
|
|
45035
45132
|
channelId: channel.id
|
|
45036
45133
|
})));
|
|
45037
45134
|
};
|
|
45038
|
-
var Container$
|
|
45039
|
-
var ActionsMenu$1 = styled__default.div(_templateObject2$
|
|
45135
|
+
var Container$o = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose([""])));
|
|
45136
|
+
var ActionsMenu$1 = styled__default.div(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose(["\n position: relative;\n transition: all 0.2s;\n"])));
|
|
45040
45137
|
var MemberNamePresence = styled__default.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n max-width: calc(100% - 84px);\n\n & > ", " {\n display: block;\n }\n"])), SubTitle);
|
|
45041
45138
|
var MemberNameWrapper = styled__default.div(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n"])));
|
|
45042
45139
|
var MemberName$3 = styled__default.h4(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose(["\n margin: 0;\n font-weight: 400;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n color: ", ";\n"])), function (props) {
|
|
@@ -45045,7 +45142,7 @@ var MemberName$3 = styled__default.h4(_templateObject5$x || (_templateObject5$x
|
|
|
45045
45142
|
var EditMemberIcon = styled__default.span(_templateObject6$t || (_templateObject6$t = _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) {
|
|
45046
45143
|
return props.color;
|
|
45047
45144
|
});
|
|
45048
|
-
var MembersList = styled__default.ul(_templateObject7$
|
|
45145
|
+
var MembersList = styled__default.ul(_templateObject7$s || (_templateObject7$s = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
45049
45146
|
var MemberItem$1 = styled__default.li(_templateObject8$p || (_templateObject8$p = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: ", ";\n font-weight: 500;\n padding: 6px 16px;\n transition: all 0.2s;\n color: ", ";\n cursor: pointer;\n\n & > svg {\n rect {\n fill: transparent;\n }\n }\n\n &:first-child {\n cursor: pointer;\n\n > svg {\n color: ", ";\n margin-right: 12px;\n & > rect {\n fill: ", " !important;\n }\n }\n }\n\n &:hover {\n background-color: ", ";\n }\n\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n\n & .dropdown-wrapper {\n margin-left: auto;\n }\n\n & ", " {\n width: 12px;\n height: 12px;\n right: -1px;\n bottom: -1px;\n }\n"])), function (props) {
|
|
45050
45147
|
return props.fontSize || '15px';
|
|
45051
45148
|
}, function (props) {
|
|
@@ -45063,7 +45160,7 @@ var RoleBadge = styled__default.span(_templateObject9$m || (_templateObject9$m =
|
|
|
45063
45160
|
return props.backgroundColor;
|
|
45064
45161
|
});
|
|
45065
45162
|
|
|
45066
|
-
var _templateObject$
|
|
45163
|
+
var _templateObject$W, _templateObject2$R;
|
|
45067
45164
|
var Media = function Media(_ref) {
|
|
45068
45165
|
var channel = _ref.channel;
|
|
45069
45166
|
var _useColor = useColors(),
|
|
@@ -45080,7 +45177,7 @@ var Media = function Media(_ref) {
|
|
|
45080
45177
|
dispatch(setAttachmentsAC([]));
|
|
45081
45178
|
dispatch(getAttachmentsAC(channel.id, channelDetailsTabs.media));
|
|
45082
45179
|
}, [channel.id]);
|
|
45083
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
45180
|
+
return /*#__PURE__*/React__default.createElement(Container$p, null, attachments.map(function (file) {
|
|
45084
45181
|
return /*#__PURE__*/React__default.createElement(MediaItem, {
|
|
45085
45182
|
key: file.id
|
|
45086
45183
|
}, file.type === 'image' ? (/*#__PURE__*/React__default.createElement(Attachment$1, {
|
|
@@ -45109,8 +45206,8 @@ var Media = function Media(_ref) {
|
|
|
45109
45206
|
currentMediaFile: mediaFile
|
|
45110
45207
|
})));
|
|
45111
45208
|
};
|
|
45112
|
-
var Container$
|
|
45113
|
-
var MediaItem = styled__default.div(_templateObject2$
|
|
45209
|
+
var Container$p = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n padding: 6px 4px;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n transition: all 0.2s;\n align-items: flex-start;\n display: flex;\n flex-wrap: wrap;\n"])));
|
|
45210
|
+
var MediaItem = styled__default.div(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n width: calc(33.3333% - 4px);\n aspect-ratio: 1/1;\n box-sizing: border-box;\n //border: 1px solid #ccc;\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n overflow: hidden;\n margin: 2px;\n"])));
|
|
45114
45211
|
|
|
45115
45212
|
var _rect$3, _path$1u;
|
|
45116
45213
|
function _extends$1y() {
|
|
@@ -45166,7 +45263,7 @@ function SvgDownloadFile(props) {
|
|
|
45166
45263
|
})));
|
|
45167
45264
|
}
|
|
45168
45265
|
|
|
45169
|
-
var _templateObject$
|
|
45266
|
+
var _templateObject$X, _templateObject2$S, _templateObject3$K, _templateObject4$D, _templateObject5$y, _templateObject6$u, _templateObject7$t, _templateObject8$q;
|
|
45170
45267
|
var Files = function Files(_ref) {
|
|
45171
45268
|
var channelId = _ref.channelId,
|
|
45172
45269
|
filePreviewIcon = _ref.filePreviewIcon,
|
|
@@ -45221,7 +45318,7 @@ var Files = function Files(_ref) {
|
|
|
45221
45318
|
React.useEffect(function () {
|
|
45222
45319
|
dispatch(getAttachmentsAC(channelId, channelDetailsTabs.file));
|
|
45223
45320
|
}, [channelId]);
|
|
45224
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
45321
|
+
return /*#__PURE__*/React__default.createElement(Container$q, null, attachments.map(function (file) {
|
|
45225
45322
|
var metas = file.metadata && isJSON(file.metadata) ? JSON.parse(file.metadata) : file.metadata;
|
|
45226
45323
|
var withPrefix = true;
|
|
45227
45324
|
var attachmentThumb = '';
|
|
@@ -45282,8 +45379,8 @@ var Files = function Files(_ref) {
|
|
|
45282
45379
|
}))) : filePreviewDownloadIcon || /*#__PURE__*/React__default.createElement(SvgDownloadFile, null)));
|
|
45283
45380
|
}));
|
|
45284
45381
|
};
|
|
45285
|
-
var Container$
|
|
45286
|
-
var DownloadWrapper = styled__default.a(_templateObject2$
|
|
45382
|
+
var Container$q = styled__default.ul(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
45383
|
+
var DownloadWrapper = styled__default.a(_templateObject2$S || (_templateObject2$S = _taggedTemplateLiteralLoose(["\n text-decoration: none;\n visibility: ", ";\n padding: 5px 6px;\n position: absolute;\n top: 25%;\n right: 16px;\n cursor: pointer;\n & > svg {\n & path {\n fill: ", ";\n }\n color: ", ";\n }\n"])), function (props) {
|
|
45287
45384
|
return props.visible ? 'visible' : 'hidden';
|
|
45288
45385
|
}, function (props) {
|
|
45289
45386
|
return props.iconColor;
|
|
@@ -45302,7 +45399,7 @@ var FileHoverIconCont = styled__default.span(_templateObject5$y || (_templateObj
|
|
|
45302
45399
|
return props.fillColor;
|
|
45303
45400
|
});
|
|
45304
45401
|
var FileThumb = styled__default.img(_templateObject6$u || (_templateObject6$u = _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"])));
|
|
45305
|
-
var FileItem = styled__default.div(_templateObject7$
|
|
45402
|
+
var FileItem = styled__default.div(_templateObject7$t || (_templateObject7$t = _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) {
|
|
45306
45403
|
return props.hoverBackgroundColor;
|
|
45307
45404
|
}, DownloadWrapper, FileIconCont, FileHoverIconCont);
|
|
45308
45405
|
var FileSizeAndDate = styled__default.span(_templateObject8$q || (_templateObject8$q = _taggedTemplateLiteralLoose(["\n display: block;\n font-style: normal;\n font-weight: normal;\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n margin-top: 2px;\n"])), function (props) {
|
|
@@ -45344,7 +45441,7 @@ function SvgLinkIcon(props) {
|
|
|
45344
45441
|
})));
|
|
45345
45442
|
}
|
|
45346
45443
|
|
|
45347
|
-
var _templateObject$
|
|
45444
|
+
var _templateObject$Y, _templateObject2$T, _templateObject3$L, _templateObject4$E, _templateObject5$z;
|
|
45348
45445
|
var LinkItem = function LinkItem(_ref) {
|
|
45349
45446
|
var link = _ref.link,
|
|
45350
45447
|
linkPreviewIcon = _ref.linkPreviewIcon,
|
|
@@ -45375,12 +45472,12 @@ var LinkItem = function LinkItem(_ref) {
|
|
|
45375
45472
|
color: linkPreviewColor || textPrimary
|
|
45376
45473
|
}, link))));
|
|
45377
45474
|
};
|
|
45378
|
-
var LinkIconCont = styled__default.span(_templateObject$
|
|
45475
|
+
var LinkIconCont = styled__default.span(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n > svg {\n color: ", ";\n fill: ", ";\n }\n"])), function (props) {
|
|
45379
45476
|
return props.iconColor;
|
|
45380
45477
|
}, function (props) {
|
|
45381
45478
|
return props.fillColor;
|
|
45382
45479
|
});
|
|
45383
|
-
var LinkHoverIconCont = styled__default.span(_templateObject2$
|
|
45480
|
+
var LinkHoverIconCont = styled__default.span(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteralLoose(["\n display: none;\n > svg {\n color: ", ";\n fill: ", ";\n }\n"])), function (props) {
|
|
45384
45481
|
return props.iconColor;
|
|
45385
45482
|
}, function (props) {
|
|
45386
45483
|
return props.fillColor;
|
|
@@ -45393,7 +45490,7 @@ var LinkUrl = styled__default.span(_templateObject5$z || (_templateObject5$z = _
|
|
|
45393
45490
|
return props.color;
|
|
45394
45491
|
});
|
|
45395
45492
|
|
|
45396
|
-
var _templateObject$
|
|
45493
|
+
var _templateObject$Z;
|
|
45397
45494
|
var Links = function Links(_ref) {
|
|
45398
45495
|
var channelId = _ref.channelId,
|
|
45399
45496
|
linkPreviewIcon = _ref.linkPreviewIcon,
|
|
@@ -45406,7 +45503,7 @@ var Links = function Links(_ref) {
|
|
|
45406
45503
|
React.useEffect(function () {
|
|
45407
45504
|
dispatch(getAttachmentsAC(channelId, channelDetailsTabs.link));
|
|
45408
45505
|
}, [channelId]);
|
|
45409
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
45506
|
+
return /*#__PURE__*/React__default.createElement(Container$r, null, attachments.map(function (file) {
|
|
45410
45507
|
return /*#__PURE__*/React__default.createElement(LinkItem, {
|
|
45411
45508
|
key: file.id,
|
|
45412
45509
|
link: file.url,
|
|
@@ -45418,7 +45515,7 @@ var Links = function Links(_ref) {
|
|
|
45418
45515
|
});
|
|
45419
45516
|
}));
|
|
45420
45517
|
};
|
|
45421
|
-
var Container$
|
|
45518
|
+
var Container$r = styled__default.ul(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 11px 0 0;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
45422
45519
|
|
|
45423
45520
|
var _rect$5, _path$1x;
|
|
45424
45521
|
function _extends$1B() {
|
|
@@ -45474,7 +45571,7 @@ function SvgVoicePreviewPause(props) {
|
|
|
45474
45571
|
})));
|
|
45475
45572
|
}
|
|
45476
45573
|
|
|
45477
|
-
var _templateObject$
|
|
45574
|
+
var _templateObject$_, _templateObject2$U, _templateObject3$M, _templateObject4$F, _templateObject5$A, _templateObject6$v, _templateObject7$u, _templateObject8$r;
|
|
45478
45575
|
var VoiceItem = function VoiceItem(_ref) {
|
|
45479
45576
|
var file = _ref.file,
|
|
45480
45577
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -45599,12 +45696,12 @@ var VoiceItem = function VoiceItem(_ref) {
|
|
|
45599
45696
|
type: 'audio/mpeg'
|
|
45600
45697
|
})));
|
|
45601
45698
|
};
|
|
45602
|
-
var FileIconCont$1 = styled__default.span(_templateObject$
|
|
45699
|
+
var FileIconCont$1 = styled__default.span(_templateObject$_ || (_templateObject$_ = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: inline-flex;\n fill: ", ";\n rect {\n fill: ", ";\n }\n"])), function (props) {
|
|
45603
45700
|
return props.fill || 'transparent';
|
|
45604
45701
|
}, function (props) {
|
|
45605
45702
|
return props.fill || 'transparent';
|
|
45606
45703
|
});
|
|
45607
|
-
var FileHoverIconCont$1 = styled__default.span(_templateObject2$
|
|
45704
|
+
var FileHoverIconCont$1 = styled__default.span(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n display: none;\n fill: ", ";\n rect {\n fill: ", ";\n }\n"])), function (props) {
|
|
45608
45705
|
return props.fill || 'transparent';
|
|
45609
45706
|
}, function (props) {
|
|
45610
45707
|
return props.fill || 'transparent';
|
|
@@ -45619,12 +45716,12 @@ var AudioTitle = styled__default.span(_templateObject5$A || (_templateObject5$A
|
|
|
45619
45716
|
var AudioDate = styled__default.span(_templateObject6$v || (_templateObject6$v = _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) {
|
|
45620
45717
|
return props.color;
|
|
45621
45718
|
});
|
|
45622
|
-
var AudioSendTime = styled__default.span(_templateObject7$
|
|
45719
|
+
var AudioSendTime = styled__default.span(_templateObject7$u || (_templateObject7$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0;\n top: 11px;\n color: ", ";\n font-size: 12px;\n line-height: 16px;\n"])), function (props) {
|
|
45623
45720
|
return props.color;
|
|
45624
45721
|
});
|
|
45625
45722
|
var Audio = styled__default.audio(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
45626
45723
|
|
|
45627
|
-
var _templateObject
|
|
45724
|
+
var _templateObject$$;
|
|
45628
45725
|
var Voices = function Voices(_ref) {
|
|
45629
45726
|
var channelId = _ref.channelId,
|
|
45630
45727
|
voicePreviewPlayIcon = _ref.voicePreviewPlayIcon,
|
|
@@ -45639,7 +45736,7 @@ var Voices = function Voices(_ref) {
|
|
|
45639
45736
|
React.useEffect(function () {
|
|
45640
45737
|
dispatch(getAttachmentsAC(channelId, channelDetailsTabs.voice));
|
|
45641
45738
|
}, [channelId]);
|
|
45642
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
45739
|
+
return /*#__PURE__*/React__default.createElement(Container$s, null, attachments.map(function (file) {
|
|
45643
45740
|
return /*#__PURE__*/React__default.createElement(VoiceItem, {
|
|
45644
45741
|
key: file.id,
|
|
45645
45742
|
file: _extends({}, file, {
|
|
@@ -45655,9 +45752,9 @@ var Voices = function Voices(_ref) {
|
|
|
45655
45752
|
});
|
|
45656
45753
|
}));
|
|
45657
45754
|
};
|
|
45658
|
-
var Container$
|
|
45755
|
+
var Container$s = styled__default.ul(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 11px 0 0;\n overflow-x: hidden;\n overflow-y: auto;\n list-style: none;\n transition: all 0.2s;\n"])));
|
|
45659
45756
|
|
|
45660
|
-
var _templateObject
|
|
45757
|
+
var _templateObject$10, _templateObject2$V;
|
|
45661
45758
|
var DetailsTab = function DetailsTab(_ref) {
|
|
45662
45759
|
var channel = _ref.channel,
|
|
45663
45760
|
theme = _ref.theme,
|
|
@@ -45726,7 +45823,7 @@ var DetailsTab = function DetailsTab(_ref) {
|
|
|
45726
45823
|
setActiveTab(channelDetailsTabs.member);
|
|
45727
45824
|
}
|
|
45728
45825
|
}, [showMembers]);
|
|
45729
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
45826
|
+
return /*#__PURE__*/React__default.createElement(Container$t, {
|
|
45730
45827
|
theme: theme
|
|
45731
45828
|
}, /*#__PURE__*/React__default.createElement(DetailsTabHeader, {
|
|
45732
45829
|
color: textSecondary,
|
|
@@ -45808,8 +45905,8 @@ var DetailsTab = function DetailsTab(_ref) {
|
|
|
45808
45905
|
voicePreviewHoverBackgroundColor: voicePreviewHoverBackgroundColor
|
|
45809
45906
|
})));
|
|
45810
45907
|
};
|
|
45811
|
-
var Container$
|
|
45812
|
-
var DetailsTabHeader = styled__default.div(_templateObject2$
|
|
45908
|
+
var Container$t = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n min-height: calc(100vh - 64px);\n"])));
|
|
45909
|
+
var DetailsTabHeader = styled__default.div(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteralLoose(["\n overflow-x: auto;\n overflow-y: hidden;\n border-bottom: 1px solid ", ";\n background-color: ", ";\n display: flex;\n justify-content: space-between;\n position: sticky;\n top: 0;\n z-index: 12;\n /* width */\n &::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: transparent;\n }\n button {\n position: relative;\n border: none;\n background: transparent;\n outline: none;\n height: 44px;\n text-transform: capitalize;\n font-style: normal;\n font-weight: 500;\n font-size: ", ";\n line-height: ", ";\n color: ", ";\n min-width: ", ";\n cursor: pointer;\n }\n\n & span {\n position: relative;\n display: inline-flex;\n align-items: center;\n height: 100%;\n }\n\n & .active span {\n color: ", ";\n\n &:after {\n content: '';\n width: 100%;\n border-radius: 2px;\n height: 2px;\n background-color: ", ";\n position: absolute;\n top: calc(100% - 1px);\n left: 0;\n }\n }\n"])), function (props) {
|
|
45813
45910
|
return props.borderColor;
|
|
45814
45911
|
}, function (props) {
|
|
45815
45912
|
return props.backgroundColor || 'transparent';
|
|
@@ -45827,15 +45924,15 @@ var DetailsTabHeader = styled__default.div(_templateObject2$U || (_templateObjec
|
|
|
45827
45924
|
return props.activeTabColor;
|
|
45828
45925
|
});
|
|
45829
45926
|
|
|
45830
|
-
var _templateObject$
|
|
45831
|
-
var Container$
|
|
45927
|
+
var _templateObject$11, _templateObject2$W, _templateObject3$N, _templateObject4$G;
|
|
45928
|
+
var Container$u = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n ", ";\n height: ", ";\n position: absolute;\n padding: 24px 16px;\n background-color: ", ";\n z-index: 25;\n"])), function (props) {
|
|
45832
45929
|
return props.active ? 'display: block' : 'display: none';
|
|
45833
45930
|
}, function (props) {
|
|
45834
45931
|
return "calc(100vh - " + (props.heightOffset ? props.heightOffset + 48 : 48) + "px)";
|
|
45835
45932
|
}, function (props) {
|
|
45836
45933
|
return props.backgroundColor;
|
|
45837
45934
|
});
|
|
45838
|
-
var AvatarCont = styled__default.div(_templateObject2$
|
|
45935
|
+
var AvatarCont = styled__default.div(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n margin-bottom: 4px;\n\n &::after {\n content: '';\n position: absolute;\n width: 120px;\n height: 120px;\n border-radius: 50%;\n background-color: rgba(0, 0, 0, 0.4);\n }\n .dropdown-body {\n top: inherit;\n right: inherit;\n bottom: -90px;\n }\n"])));
|
|
45839
45936
|
var DropDownWrapper = styled__default.div(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 4;\n width: 40px;\n height: 40px;\n"])));
|
|
45840
45937
|
var EditChannelFooter = styled__default(ButtonBlock)(_templateObject4$G || (_templateObject4$G = _taggedTemplateLiteralLoose(["\n margin-top: 24px;\n\n & > button {\n margin-left: 12px;\n }\n"])));
|
|
45841
45938
|
var EditChannel = function EditChannel(_ref) {
|
|
@@ -45989,7 +46086,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
45989
46086
|
React.useEffect(function () {
|
|
45990
46087
|
setOffsetTop(editContainer && editContainer.current && editContainer.current.offsetTop);
|
|
45991
46088
|
}, []);
|
|
45992
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$
|
|
46089
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$u, {
|
|
45993
46090
|
ref: editContainer,
|
|
45994
46091
|
heightOffset: offsetTop,
|
|
45995
46092
|
active: isEditMode,
|
|
@@ -46092,7 +46189,7 @@ var EditChannel = function EditChannel(_ref) {
|
|
|
46092
46189
|
})));
|
|
46093
46190
|
};
|
|
46094
46191
|
|
|
46095
|
-
var _templateObject$
|
|
46192
|
+
var _templateObject$12, _templateObject2$X, _templateObject3$O, _templateObject4$H, _templateObject5$B, _templateObject6$w, _templateObject7$v, _templateObject8$s, _templateObject9$n, _templateObject0$k, _templateObject1$h, _templateObject10$b, _templateObject11$9;
|
|
46096
46193
|
var Details = function Details(_ref) {
|
|
46097
46194
|
var _activeChannel$member;
|
|
46098
46195
|
var detailsTitleText = _ref.detailsTitleText,
|
|
@@ -46324,7 +46421,7 @@ var Details = function Details(_ref) {
|
|
|
46324
46421
|
return Promise.reject(e);
|
|
46325
46422
|
}
|
|
46326
46423
|
};
|
|
46327
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
46424
|
+
return /*#__PURE__*/React__default.createElement(Container$v, {
|
|
46328
46425
|
backgroundColor: backgroundColor,
|
|
46329
46426
|
mounted: mounted,
|
|
46330
46427
|
size: size,
|
|
@@ -46522,14 +46619,14 @@ var Details = function Details(_ref) {
|
|
|
46522
46619
|
QRCodeIcon: QRCodeIcon
|
|
46523
46620
|
}))));
|
|
46524
46621
|
};
|
|
46525
|
-
var Container$
|
|
46622
|
+
var Container$v = styled__default.div(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n flex: 0 0 auto;\n width: 0;\n border-left: 1px solid ", ";\n //transition: all 0.1s;\n ", "\n background-color: ", ";\n}\n"])), function (props) {
|
|
46526
46623
|
return props.borderColor;
|
|
46527
46624
|
}, function (props) {
|
|
46528
46625
|
return props.mounted && " width: " + (props.size === 'small' ? '300px' : props.size === 'medium' ? '350px' : '400px') + ";";
|
|
46529
46626
|
}, function (props) {
|
|
46530
46627
|
return props.backgroundColor;
|
|
46531
46628
|
});
|
|
46532
|
-
var ChannelDetailsHeader = styled__default.div(_templateObject2$
|
|
46629
|
+
var ChannelDetailsHeader = styled__default.div(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n padding: 16px;\n position: relative;\n height: 64px;\n box-sizing: border-box;\n border-bottom: 1px solid ", ";\n\n & svg {\n cursor: pointer;\n }\n"])), function (props) {
|
|
46533
46630
|
return props.borderColor;
|
|
46534
46631
|
});
|
|
46535
46632
|
var ChatDetails = styled__default.div(_templateObject3$O || (_templateObject3$O = _taggedTemplateLiteralLoose(["\n //position: relative;\n width: ", ";\n //height: ", ";\n height: ", ";\n overflow-y: auto;\n\n &::-webkit-scrollbar {\n width: 8px;\n background: transparent;\n }\n &::-webkit-scrollbar-thumb {\n background: transparent;\n }\n\n &.show-scrollbar::-webkit-scrollbar-thumb {\n background: ", ";\n border-radius: 4px;\n }\n &.show-scrollbar::-webkit-scrollbar-track {\n background: transparent;\n }\n"])), function (props) {
|
|
@@ -46548,7 +46645,7 @@ var AboutChannelTitle = styled__default.h4(_templateObject5$B || (_templateObjec
|
|
|
46548
46645
|
var AboutChannelText = styled__default.h3(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n font-size: 15px;\n margin: 0;\n font-weight: 400;\n line-height: 20px;\n color: ", ";\n"])), function (props) {
|
|
46549
46646
|
return props.color;
|
|
46550
46647
|
});
|
|
46551
|
-
var ChannelInfo$4 = styled__default.div(_templateObject7$
|
|
46648
|
+
var ChannelInfo$4 = styled__default.div(_templateObject7$v || (_templateObject7$v = _taggedTemplateLiteralLoose(["\n position: relative;\n margin-left: ", ";\n margin-top: ", ";\n text-align: ", ";\n"])), function (props) {
|
|
46552
46649
|
return (!props.direction || props.direction !== 'column') && '16px';
|
|
46553
46650
|
}, function (props) {
|
|
46554
46651
|
return props.direction && props.direction === 'column' && '16px';
|
|
@@ -46572,7 +46669,7 @@ var ChannelNameWrapper = styled__default.div(_templateObject1$h || (_templateObj
|
|
|
46572
46669
|
var EditButton = styled__default.span(_templateObject10$b || (_templateObject10$b = _taggedTemplateLiteralLoose(["\n margin-left: 6px;\n cursor: pointer;\n color: #b2b6be;\n"])));
|
|
46573
46670
|
var PhoneNumberContainer = styled__default.span(_templateObject11$9 || (_templateObject11$9 = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-flex;\n align-items: center;\n cursor: pointer;\n user-select: text;\n"])));
|
|
46574
46671
|
|
|
46575
|
-
var _templateObject$
|
|
46672
|
+
var _templateObject$13;
|
|
46576
46673
|
var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
|
|
46577
46674
|
var _ref$size = _ref.size,
|
|
46578
46675
|
size = _ref$size === void 0 ? 'large' : _ref$size,
|
|
@@ -46803,7 +46900,7 @@ var ChannelDetailsContainer = function ChannelDetailsContainer(_ref) {
|
|
|
46803
46900
|
QRCodeIcon: QRCodeIcon
|
|
46804
46901
|
})));
|
|
46805
46902
|
};
|
|
46806
|
-
var DetailsWrapper = styled__default.div(_templateObject$
|
|
46903
|
+
var DetailsWrapper = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n user-select: text;\n"])));
|
|
46807
46904
|
|
|
46808
46905
|
var _path$1z;
|
|
46809
46906
|
function _extends$1D() {
|
|
@@ -46827,7 +46924,7 @@ function SvgChevronDown(props) {
|
|
|
46827
46924
|
})));
|
|
46828
46925
|
}
|
|
46829
46926
|
|
|
46830
|
-
var _templateObject$
|
|
46927
|
+
var _templateObject$14, _templateObject2$Y;
|
|
46831
46928
|
var MessagesScrollToBottomButton = function MessagesScrollToBottomButton(_ref) {
|
|
46832
46929
|
var buttonIcon = _ref.buttonIcon,
|
|
46833
46930
|
buttonWidth = _ref.buttonWidth,
|
|
@@ -46910,7 +47007,7 @@ var MessagesScrollToBottomButton = function MessagesScrollToBottomButton(_ref) {
|
|
|
46910
47007
|
isMuted: channel.muted
|
|
46911
47008
|
}, channel.newMessageCount ? channel.newMessageCount > 99 ? '99+' : channel.newMessageCount : '')), buttonIcon || /*#__PURE__*/React__default.createElement(SvgChevronDown, null)));
|
|
46912
47009
|
};
|
|
46913
|
-
var BottomButton = styled__default.div(_templateObject$
|
|
47010
|
+
var BottomButton = styled__default.div(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n transition: all 0.3s ease-in-out;\n position: absolute;\n ", ";\n\n ", ";\n\n ", ";\n right: ", "px;\n\n margin-right: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 50px;\n width: 48px;\n height: 48px;\n cursor: pointer;\n z-index: 14;\n & > svg {\n color: rgba(129, 140, 153, 1);\n }\n\n & > span {\n bottom: 32px;\n right: 0;\n }\n"])), function (props) {
|
|
46914
47011
|
return props.animateFrom === 'bottom' && "bottom: " + (props.bottomOffset + (props.bottomPosition === undefined ? 45 : props.bottomPosition) - 130) + "px";
|
|
46915
47012
|
}, function (props) {
|
|
46916
47013
|
return props.animateFrom === 'right' && "right: " + (props.rightPosition === undefined ? 16 : props.rightPosition - 100) + "px";
|
|
@@ -46921,7 +47018,7 @@ var BottomButton = styled__default.div(_templateObject$13 || (_templateObject$13
|
|
|
46921
47018
|
}, function (props) {
|
|
46922
47019
|
return props.backgroundColor;
|
|
46923
47020
|
});
|
|
46924
|
-
var UnreadCount$1 = styled__default.span(_templateObject2$
|
|
47021
|
+
var UnreadCount$1 = styled__default.span(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 11px;\n right: 16px;\n flex: 0 0 auto;\n margin-left: auto;\n background-color: ", ";\n padding: 0 4px;\n font-size: ", ";\n line-height: 20px;\n min-width: ", ";\n height: ", ";\n text-align: center;\n font-weight: 500;\n color: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n"])), function (props) {
|
|
46925
47022
|
return props.backgroundColor;
|
|
46926
47023
|
}, function (props) {
|
|
46927
47024
|
return props.fontSize || '13px';
|
|
@@ -46964,7 +47061,7 @@ function SvgMention(props) {
|
|
|
46964
47061
|
})));
|
|
46965
47062
|
}
|
|
46966
47063
|
|
|
46967
|
-
var _templateObject$
|
|
47064
|
+
var _templateObject$15, _templateObject2$Z;
|
|
46968
47065
|
var MessagesScrollToUnreadMentionsButton = function MessagesScrollToUnreadMentionsButton(_ref) {
|
|
46969
47066
|
var buttonIcon = _ref.buttonIcon,
|
|
46970
47067
|
buttonWidth = _ref.buttonWidth,
|
|
@@ -47107,7 +47204,7 @@ var MessagesScrollToUnreadMentionsButton = function MessagesScrollToUnreadMentio
|
|
|
47107
47204
|
isMuted: channel.muted
|
|
47108
47205
|
}, channel.newMentionCount ? channel.newMentionCount > 99 ? '99+' : channel.newMentionCount : '')), buttonIcon || /*#__PURE__*/React__default.createElement(SvgMention, null)));
|
|
47109
47206
|
};
|
|
47110
|
-
var BottomButton$1 = styled__default.div(_templateObject$
|
|
47207
|
+
var BottomButton$1 = styled__default.div(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n transition: all 0.3s ease-in-out;\n position: absolute;\n ", ";\n\n ", ";\n\n ", ";\n right: ", ";\n margin-right: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: ", ";\n border: 0.5px solid rgba(0, 0, 0, 0.1);\n border-radius: 50px;\n width: 48px;\n height: 48px;\n cursor: pointer;\n z-index: 14;\n\n & > svg {\n color: rgba(129, 140, 153, 1);\n }\n\n & > span {\n bottom: 32px;\n right: 0;\n }\n"])), function (props) {
|
|
47111
47208
|
return props.animateFrom === 'bottom' && "bottom: " + (props.bottomOffset + (props.bottomPosition === undefined ? 45 : props.bottomPosition) + (props.showsUnreadMentionsButton ? 60 : 0) - 180) + "px";
|
|
47112
47209
|
}, function (props) {
|
|
47113
47210
|
return props.animateFrom === 'right' && "right: " + (props.rightPosition === undefined ? 16 : props.rightPosition - 100) + "px";
|
|
@@ -47118,7 +47215,7 @@ var BottomButton$1 = styled__default.div(_templateObject$14 || (_templateObject$
|
|
|
47118
47215
|
}, function (props) {
|
|
47119
47216
|
return props.backgroundColor;
|
|
47120
47217
|
});
|
|
47121
|
-
var UnreadCount$2 = styled__default.span(_templateObject2$
|
|
47218
|
+
var UnreadCount$2 = styled__default.span(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n position: absolute;\n bottom: 11px;\n right: 16px;\n flex: 0 0 auto;\n margin-left: auto;\n background-color: ", ";\n padding: 0 4px;\n font-size: ", ";\n line-height: 20px;\n min-width: ", ";\n height: ", ";\n text-align: center;\n font-weight: 500;\n color: ", ";\n border-radius: 10px;\n box-sizing: border-box;\n"])), function (props) {
|
|
47122
47219
|
return props.backgroundColor;
|
|
47123
47220
|
}, function (props) {
|
|
47124
47221
|
return props.fontSize || '13px';
|