sceyt-chat-react-uikit 1.8.7 → 1.8.8-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +51 -13
- package/index.modern.js +51 -13
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -50781,7 +50781,15 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
50781
50781
|
if (messageBodyAttributes && messageBodyAttributes.length) {
|
|
50782
50782
|
messageBodyAttributes.forEach(function (att) {
|
|
50783
50783
|
if (att.type === 'mention') {
|
|
50784
|
-
|
|
50784
|
+
var mentionsToFind = [].concat(mentionedUsers);
|
|
50785
|
+
var draftMessage = getDraftMessageFromMap(activeChannel.id);
|
|
50786
|
+
if (draftMessage) {
|
|
50787
|
+
mentionsToFind = [].concat(draftMessage.mentionedUsers, mentionedUsers);
|
|
50788
|
+
}
|
|
50789
|
+
var mentionToAdd = mentionsToFind.find(function (mention) {
|
|
50790
|
+
return mention.id === att.metadata;
|
|
50791
|
+
});
|
|
50792
|
+
mentionUsersToSend.push(mentionToAdd || {
|
|
50785
50793
|
id: att.metadata
|
|
50786
50794
|
});
|
|
50787
50795
|
}
|
|
@@ -53807,7 +53815,7 @@ var Media = function Media(_ref) {
|
|
|
53807
53815
|
});
|
|
53808
53816
|
return result;
|
|
53809
53817
|
}, [attachments]);
|
|
53810
|
-
return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
|
|
53818
|
+
return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
|
|
53811
53819
|
length: 9
|
|
53812
53820
|
}).map(function (_, i) {
|
|
53813
53821
|
return /*#__PURE__*/React__default.createElement(SkeletonTile, {
|
|
@@ -53816,7 +53824,7 @@ var Media = function Media(_ref) {
|
|
|
53816
53824
|
});
|
|
53817
53825
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState, {
|
|
53818
53826
|
color: textSecondary
|
|
53819
|
-
}, "No shared media.")) : groups.map(function (group) {
|
|
53827
|
+
}, "No shared media.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
53820
53828
|
return /*#__PURE__*/React__default.createElement(MonthSection, {
|
|
53821
53829
|
key: group.key
|
|
53822
53830
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader, {
|
|
@@ -53838,7 +53846,14 @@ var Media = function Media(_ref) {
|
|
|
53838
53846
|
isDetailsView: true
|
|
53839
53847
|
}));
|
|
53840
53848
|
})));
|
|
53841
|
-
}),
|
|
53849
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
|
|
53850
|
+
length: 3
|
|
53851
|
+
}).map(function (_, i) {
|
|
53852
|
+
return /*#__PURE__*/React__default.createElement(SkeletonTile, {
|
|
53853
|
+
key: i,
|
|
53854
|
+
color: surface1
|
|
53855
|
+
});
|
|
53856
|
+
}))))), mediaFile && /*#__PURE__*/React__default.createElement(SliderPopup, {
|
|
53842
53857
|
channel: channel,
|
|
53843
53858
|
setIsSliderOpen: setMediaFile,
|
|
53844
53859
|
currentMediaFile: mediaFile
|
|
@@ -53997,7 +54012,7 @@ var Files = function Files(_ref) {
|
|
|
53997
54012
|
});
|
|
53998
54013
|
return result;
|
|
53999
54014
|
}, [attachments]);
|
|
54000
|
-
return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54015
|
+
return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54001
54016
|
length: 5
|
|
54002
54017
|
}).map(function (_, i) {
|
|
54003
54018
|
return /*#__PURE__*/React__default.createElement(SkeletonRow, {
|
|
@@ -54014,7 +54029,7 @@ var Files = function Files(_ref) {
|
|
|
54014
54029
|
})));
|
|
54015
54030
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$1, {
|
|
54016
54031
|
color: textSecondary
|
|
54017
|
-
}, "No shared files.")) : groups.map(function (group) {
|
|
54032
|
+
}, "No shared files.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
54018
54033
|
return /*#__PURE__*/React__default.createElement(MonthSection$1, {
|
|
54019
54034
|
key: group.key
|
|
54020
54035
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader$1, {
|
|
@@ -54085,7 +54100,16 @@ var Files = function Files(_ref) {
|
|
|
54085
54100
|
}
|
|
54086
54101
|
}))) : filePreviewDownloadIcon || /*#__PURE__*/React__default.createElement(SvgDownloadFile, null)));
|
|
54087
54102
|
}));
|
|
54088
|
-
})
|
|
54103
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow, null, /*#__PURE__*/React__default.createElement(SkeletonSquare, {
|
|
54104
|
+
color: surface1
|
|
54105
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonTextGroup, null, /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
|
|
54106
|
+
color: surface1,
|
|
54107
|
+
width: '58%'
|
|
54108
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
|
|
54109
|
+
color: surface1,
|
|
54110
|
+
width: '38%',
|
|
54111
|
+
height: '12px'
|
|
54112
|
+
})))))));
|
|
54089
54113
|
};
|
|
54090
54114
|
var shimmer$2 = styled.keyframes(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
54091
54115
|
var SkeletonBlock$2 = styled__default.div(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
|
|
@@ -54230,7 +54254,7 @@ var Links = function Links(_ref) {
|
|
|
54230
54254
|
});
|
|
54231
54255
|
return result;
|
|
54232
54256
|
}, [attachments]);
|
|
54233
|
-
return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54257
|
+
return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54234
54258
|
length: 5
|
|
54235
54259
|
}).map(function (_, i) {
|
|
54236
54260
|
return /*#__PURE__*/React__default.createElement(SkeletonRow$1, {
|
|
@@ -54243,7 +54267,7 @@ var Links = function Links(_ref) {
|
|
|
54243
54267
|
}));
|
|
54244
54268
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$2, {
|
|
54245
54269
|
color: textSecondary
|
|
54246
|
-
}, "No shared links.")) : groups.map(function (group) {
|
|
54270
|
+
}, "No shared links.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
54247
54271
|
return /*#__PURE__*/React__default.createElement(MonthSection$2, {
|
|
54248
54272
|
key: group.key
|
|
54249
54273
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader$2, {
|
|
@@ -54263,7 +54287,12 @@ var Links = function Links(_ref) {
|
|
|
54263
54287
|
linkPreviewIcon: linkPreviewIcon
|
|
54264
54288
|
});
|
|
54265
54289
|
}));
|
|
54266
|
-
})
|
|
54290
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$1, null, /*#__PURE__*/React__default.createElement(SkeletonSquare$1, {
|
|
54291
|
+
color: surface1
|
|
54292
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine$2, {
|
|
54293
|
+
color: surface1,
|
|
54294
|
+
width: '65%'
|
|
54295
|
+
}))))));
|
|
54267
54296
|
};
|
|
54268
54297
|
var shimmer$3 = styled.keyframes(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
54269
54298
|
var SkeletonBlock$3 = styled__default.div(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
|
|
@@ -54536,7 +54565,7 @@ var Voices = function Voices(_ref) {
|
|
|
54536
54565
|
});
|
|
54537
54566
|
return result;
|
|
54538
54567
|
}, [attachments]);
|
|
54539
|
-
return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54568
|
+
return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54540
54569
|
length: 5
|
|
54541
54570
|
}).map(function (_, i) {
|
|
54542
54571
|
return /*#__PURE__*/React__default.createElement(SkeletonRow$2, {
|
|
@@ -54553,7 +54582,7 @@ var Voices = function Voices(_ref) {
|
|
|
54553
54582
|
})));
|
|
54554
54583
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$3, {
|
|
54555
54584
|
color: textSecondary
|
|
54556
|
-
}, "No shared voice messages.")) : groups.map(function (group) {
|
|
54585
|
+
}, "No shared voice messages.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
54557
54586
|
return /*#__PURE__*/React__default.createElement(MonthSection$3, {
|
|
54558
54587
|
key: group.key
|
|
54559
54588
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader$3, {
|
|
@@ -54577,7 +54606,16 @@ var Voices = function Voices(_ref) {
|
|
|
54577
54606
|
voicePreviewTitleColor: voicePreviewTitleColor
|
|
54578
54607
|
});
|
|
54579
54608
|
}));
|
|
54580
|
-
})
|
|
54609
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$2, null, /*#__PURE__*/React__default.createElement(SkeletonCircle, {
|
|
54610
|
+
color: surface1
|
|
54611
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonTextGroup$1, null, /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
|
|
54612
|
+
color: surface1,
|
|
54613
|
+
width: '50%'
|
|
54614
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
|
|
54615
|
+
color: surface1,
|
|
54616
|
+
width: '30%',
|
|
54617
|
+
height: '12px'
|
|
54618
|
+
})))))));
|
|
54581
54619
|
};
|
|
54582
54620
|
var shimmer$4 = styled.keyframes(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
54583
54621
|
var SkeletonBlock$4 = styled__default.div(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
|
package/index.modern.js
CHANGED
|
@@ -50780,7 +50780,15 @@ var SendMessageInput = function SendMessageInput(_ref3) {
|
|
|
50780
50780
|
if (messageBodyAttributes && messageBodyAttributes.length) {
|
|
50781
50781
|
messageBodyAttributes.forEach(function (att) {
|
|
50782
50782
|
if (att.type === 'mention') {
|
|
50783
|
-
|
|
50783
|
+
var mentionsToFind = [].concat(mentionedUsers);
|
|
50784
|
+
var draftMessage = getDraftMessageFromMap(activeChannel.id);
|
|
50785
|
+
if (draftMessage) {
|
|
50786
|
+
mentionsToFind = [].concat(draftMessage.mentionedUsers, mentionedUsers);
|
|
50787
|
+
}
|
|
50788
|
+
var mentionToAdd = mentionsToFind.find(function (mention) {
|
|
50789
|
+
return mention.id === att.metadata;
|
|
50790
|
+
});
|
|
50791
|
+
mentionUsersToSend.push(mentionToAdd || {
|
|
50784
50792
|
id: att.metadata
|
|
50785
50793
|
});
|
|
50786
50794
|
}
|
|
@@ -53806,7 +53814,7 @@ var Media = function Media(_ref) {
|
|
|
53806
53814
|
});
|
|
53807
53815
|
return result;
|
|
53808
53816
|
}, [attachments]);
|
|
53809
|
-
return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
|
|
53817
|
+
return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
|
|
53810
53818
|
length: 9
|
|
53811
53819
|
}).map(function (_, i) {
|
|
53812
53820
|
return /*#__PURE__*/React__default.createElement(SkeletonTile, {
|
|
@@ -53815,7 +53823,7 @@ var Media = function Media(_ref) {
|
|
|
53815
53823
|
});
|
|
53816
53824
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState, {
|
|
53817
53825
|
color: textSecondary
|
|
53818
|
-
}, "No shared media.")) : groups.map(function (group) {
|
|
53826
|
+
}, "No shared media.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
53819
53827
|
return /*#__PURE__*/React__default.createElement(MonthSection, {
|
|
53820
53828
|
key: group.key
|
|
53821
53829
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader, {
|
|
@@ -53837,7 +53845,14 @@ var Media = function Media(_ref) {
|
|
|
53837
53845
|
isDetailsView: true
|
|
53838
53846
|
}));
|
|
53839
53847
|
})));
|
|
53840
|
-
}),
|
|
53848
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
|
|
53849
|
+
length: 3
|
|
53850
|
+
}).map(function (_, i) {
|
|
53851
|
+
return /*#__PURE__*/React__default.createElement(SkeletonTile, {
|
|
53852
|
+
key: i,
|
|
53853
|
+
color: surface1
|
|
53854
|
+
});
|
|
53855
|
+
}))))), mediaFile && /*#__PURE__*/React__default.createElement(SliderPopup, {
|
|
53841
53856
|
channel: channel,
|
|
53842
53857
|
setIsSliderOpen: setMediaFile,
|
|
53843
53858
|
currentMediaFile: mediaFile
|
|
@@ -53996,7 +54011,7 @@ var Files = function Files(_ref) {
|
|
|
53996
54011
|
});
|
|
53997
54012
|
return result;
|
|
53998
54013
|
}, [attachments]);
|
|
53999
|
-
return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54014
|
+
return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54000
54015
|
length: 5
|
|
54001
54016
|
}).map(function (_, i) {
|
|
54002
54017
|
return /*#__PURE__*/React__default.createElement(SkeletonRow, {
|
|
@@ -54013,7 +54028,7 @@ var Files = function Files(_ref) {
|
|
|
54013
54028
|
})));
|
|
54014
54029
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$1, {
|
|
54015
54030
|
color: textSecondary
|
|
54016
|
-
}, "No shared files.")) : groups.map(function (group) {
|
|
54031
|
+
}, "No shared files.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
54017
54032
|
return /*#__PURE__*/React__default.createElement(MonthSection$1, {
|
|
54018
54033
|
key: group.key
|
|
54019
54034
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader$1, {
|
|
@@ -54084,7 +54099,16 @@ var Files = function Files(_ref) {
|
|
|
54084
54099
|
}
|
|
54085
54100
|
}))) : filePreviewDownloadIcon || /*#__PURE__*/React__default.createElement(SvgDownloadFile, null)));
|
|
54086
54101
|
}));
|
|
54087
|
-
})
|
|
54102
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow, null, /*#__PURE__*/React__default.createElement(SkeletonSquare, {
|
|
54103
|
+
color: surface1
|
|
54104
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonTextGroup, null, /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
|
|
54105
|
+
color: surface1,
|
|
54106
|
+
width: '58%'
|
|
54107
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
|
|
54108
|
+
color: surface1,
|
|
54109
|
+
width: '38%',
|
|
54110
|
+
height: '12px'
|
|
54111
|
+
})))))));
|
|
54088
54112
|
};
|
|
54089
54113
|
var shimmer$2 = keyframes(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
54090
54114
|
var SkeletonBlock$2 = styled.div(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
|
|
@@ -54229,7 +54253,7 @@ var Links = function Links(_ref) {
|
|
|
54229
54253
|
});
|
|
54230
54254
|
return result;
|
|
54231
54255
|
}, [attachments]);
|
|
54232
|
-
return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54256
|
+
return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54233
54257
|
length: 5
|
|
54234
54258
|
}).map(function (_, i) {
|
|
54235
54259
|
return /*#__PURE__*/React__default.createElement(SkeletonRow$1, {
|
|
@@ -54242,7 +54266,7 @@ var Links = function Links(_ref) {
|
|
|
54242
54266
|
}));
|
|
54243
54267
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$2, {
|
|
54244
54268
|
color: textSecondary
|
|
54245
|
-
}, "No shared links.")) : groups.map(function (group) {
|
|
54269
|
+
}, "No shared links.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
54246
54270
|
return /*#__PURE__*/React__default.createElement(MonthSection$2, {
|
|
54247
54271
|
key: group.key
|
|
54248
54272
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader$2, {
|
|
@@ -54262,7 +54286,12 @@ var Links = function Links(_ref) {
|
|
|
54262
54286
|
linkPreviewIcon: linkPreviewIcon
|
|
54263
54287
|
});
|
|
54264
54288
|
}));
|
|
54265
|
-
})
|
|
54289
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$1, null, /*#__PURE__*/React__default.createElement(SkeletonSquare$1, {
|
|
54290
|
+
color: surface1
|
|
54291
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine$2, {
|
|
54292
|
+
color: surface1,
|
|
54293
|
+
width: '65%'
|
|
54294
|
+
}))))));
|
|
54266
54295
|
};
|
|
54267
54296
|
var shimmer$3 = keyframes(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
54268
54297
|
var SkeletonBlock$3 = styled.div(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
|
|
@@ -54535,7 +54564,7 @@ var Voices = function Voices(_ref) {
|
|
|
54535
54564
|
});
|
|
54536
54565
|
return result;
|
|
54537
54566
|
}, [attachments]);
|
|
54538
|
-
return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54567
|
+
return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
|
|
54539
54568
|
length: 5
|
|
54540
54569
|
}).map(function (_, i) {
|
|
54541
54570
|
return /*#__PURE__*/React__default.createElement(SkeletonRow$2, {
|
|
@@ -54552,7 +54581,7 @@ var Voices = function Voices(_ref) {
|
|
|
54552
54581
|
})));
|
|
54553
54582
|
}))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$3, {
|
|
54554
54583
|
color: textSecondary
|
|
54555
|
-
}, "No shared voice messages.")) : groups.map(function (group) {
|
|
54584
|
+
}, "No shared voice messages.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
|
|
54556
54585
|
return /*#__PURE__*/React__default.createElement(MonthSection$3, {
|
|
54557
54586
|
key: group.key
|
|
54558
54587
|
}, /*#__PURE__*/React__default.createElement(StickyMonthHeader$3, {
|
|
@@ -54576,7 +54605,16 @@ var Voices = function Voices(_ref) {
|
|
|
54576
54605
|
voicePreviewTitleColor: voicePreviewTitleColor
|
|
54577
54606
|
});
|
|
54578
54607
|
}));
|
|
54579
|
-
})
|
|
54608
|
+
}), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$2, null, /*#__PURE__*/React__default.createElement(SkeletonCircle, {
|
|
54609
|
+
color: surface1
|
|
54610
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonTextGroup$1, null, /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
|
|
54611
|
+
color: surface1,
|
|
54612
|
+
width: '50%'
|
|
54613
|
+
}), /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
|
|
54614
|
+
color: surface1,
|
|
54615
|
+
width: '30%',
|
|
54616
|
+
height: '12px'
|
|
54617
|
+
})))))));
|
|
54580
54618
|
};
|
|
54581
54619
|
var shimmer$4 = keyframes(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
|
|
54582
54620
|
var SkeletonBlock$4 = styled.div(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
|